jQueryで複数のクラスを追加および削除する

別のラジオボタンをクリックして、テキストフィールドで複数のクラスを追加および削除しようとしています。ラジオボタンを切り替えている間、不要なクラスを削除できません。

このための私のコードは：

// 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]]");
}

複数のクラスをスペースで区切ることができます。

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

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

複数のクラスを追加します。

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

またはカスケードで：

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

より多くのクラスを削除することも非常に似ています：

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

またはカスケードで：

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

JavaScriptを使用してクラス名を追加する最も簡単な方法。動作に問題がある場合に役立ち.siblings()ます。

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