2011-09-15 8 views
0

私はaddClassとremoveClassを使ってカスタムの簡単なトグルボタンを作ろうとしています。jQuery addClass

<input type="button" class="btn shortcutson" value="Enable"> 
<input type="button" class="btn shortcutsoff selected" value="Disable"> 

をトグルするために私はこれを使用します:

ボタンは次のようになり

$(".searchbtnon").click(function(){ 
     $('.searchbtnoff').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 
    $(".searchbtnoff").click(function(){ 
     $('.searchbtnon').removeClass('selected'); 
     $(this).addClass('selected'); 
    }); 

なぜこの作業ではありませんの?

答えて

3

あなたのクラス名はあなたのHTMLコンテンツと一致しません。

あなたinput sがshortcutson

を言うが、.searchbtnon

が一致すると、あなたは[OK]をする必要があり、それらを変更し

のためにあなたのjQueryが見えます。

+0

本当に申し訳ありません。 jsFiddleのものと混同しました。近くに投票していただけますか?ありがとう – jQuerybeast

+0

@ jQuerybeastが要求どおりに完了...あなたもそれを受け入れることができますが;-) –

+0

ありがとう@jQuerybeast! –