Thêm và xóa nhiều lớp trong jQuery

Tôi đang cố gắng thêm và xóa nhiều lớp trên một trường văn bản bằng cách nhấp vào các nút radio khác nhau. Tôi không thể xóa các lớp không mong muốn trong khi chuyển đổi giữa các nút radio khác nhau.

Mã của tôi cho điều này là:

// For 1st radio button
if (actionUrl == "search-client-by-id") {
    $("#req").removeClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]")
             .addClass("validate[required,custom[onlyNumberSp]]");
}
// For 2nd radio button
else if (actionUrl == "search-client-by-name") {    
    $("#req").removeClass("validate[required,custom[onlyNumberSp]]")
             .addClass("validate[required,custom[onlyLetterNumber],maxSize[20],custom[onlyLetterSp]]");
}

Bạn có thể tách nhiều lớp với khoảng trắng:

$("p").addClass("myClass yourClass");

http://api.jquery.com/addClass/

Thêm nhiều lớp:

$("p").addClass("class1 class2 class3");

hoặc theo tầng:

$("p").addClass("class1").addClass("class2").addClass("class3");

Rất giống nhau để loại bỏ nhiều lớp hơn:

$("p").removeClass("class1 class2 class3");

hoặc theo tầng:

$("p").removeClass("class1").removeClass("class2").removeClass("class3");

cách dễ nhất để nối tên lớp bằng cách sử dụng javascript. Nó có thể hữu ích khi .siblings()đang làm sai.

document.getElementById('myId').className += ' active';