javascript - チェックボックスを含むラベルの toggleClass

Question

ラベルがクリックされたときに、toggleClass を使用してクラスをラベルに追加しようとしています。私が抱えている問題は、チェックボックスを入れると、テキストではなくチェックボックス自体をクリックしたときにのみクラスが追加されることです。テキストがクリックされたときにクラスを追加するようにするにはどうすればよいですか?

http://jsfiddle.net/p8erw/1/

これが私が使用しているコードです

$("label").click(function () {
    $(this).toggleClass("highlight");
});

Answer 1

ラベルのクリック イベントにバインドする代わりに、チェックボックスの変更イベントにバインドしてみてください。

$("input[type=checkbox]").on('change', function () {
    $(this).parent().toggleClass("highlight");
});

http://jsfiddle.net/p8erw/4/

Answer 2

click()関数をon changeイベントに変更してみてください。:)

 $("label").on('change',function() {
       $(this).toggleClass("highlight");
 });