2011-08-25 16 views
98

異なるラジオボタンをクリックして、テキストフィールドに複数のクラスを追加および削除しようとしています。さまざまなラジオボタンを切り替えながら、不要なクラスを削除することはできません。このための私のコードは次のとおりです。あなたがスペースで複数のクラスを分離できる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]]"); 
} 
+0

)のみと、すべての追加されたクラスを削除し、任意のクラスを追加するremoveClass内の任意のクラス名を記述する必要はありません選択によって。はい、その作業...! –

答えて

191

:JavaScriptを使用して、クラス名を追加する

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

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

+1

のために働いている

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

+1

.removeClass()を使用すると、パラメータなしでjQueryオブジェクトのすべてのクラスが削除されます。 – Ahmet

0

最も簡単な方法を。 .siblings()が正しく動作していないと便利です。

私は、私は.removeClassを(使用するたびに、このための解決策を発見した、このコードは私
+3

この回答は、jQueryを明示的に求めた質問とは関係ありません。 – cyberbit

+0

そして、とにかくclassListを使うべきです – K48

関連する問題