1. ホーム
  2. javascript

[解決済み] jQueryで複数のクラスを追加・削除する

2022-04-26 15:52:31

質問

テキストフィールドに複数のクラスを追加したり削除したりするために、異なるラジオボタンをクリックしようとしています。ラジオボタンを切り替えても、不要なクラスが削除されません。

これに対する私のコードは

// 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/