選択したチェックボックスでラベルのクラスを変更します

Question

私はhtmlにいくつかのChecboxを持っています。動的に生成するので、名前やIDを予測できます。

私は彼のレーベルは、私はこのコードをしようとしたクラスに変更、特定のチェックボックスを選択したときの目標は次のとおりです。私はそれをどのように行うことができ、

http://jsfiddle.net/HHbkd/

が、動作しませんか？

Answer 1

ifステートメントに角括弧を追加する必要がありました。しかし、あなたが望むことをやるためのより簡単な方法があります。

$(".testCheckBox").click(function() { 
    $(this).parent().toggleClass("hasborder highlighted"); 
}); 

ここでは、クリックイベントに機能を割り当てている（同じ効果）：Hereは一例です。また、クラスhasborderとhighlightedをトグルしています。したがって、hasborderが存在する場合、それは削除されます。存在しない場合は追加されます。他と同じです。

これは視覚的に動作することを確認できるだけのものです。

Answer 2

あなたのCSSの注文は重要です。 .highlightedを他のものより下に変更すると効果的です。