-19

ここに私のJavascriptコードがあります

$('.lable_item').click(function () {
    if (!$(this).hasClass('label_act')) {
        $(this).addClass('label_act');
    } else {
        $(this).removeClass('label_act');
    }
});

ここに私のHTMLコンテンツがあります

<div class="layout">
   <label class="lable_item"><input type="checkbox" />label</label>
   <label class="lable_item label_act"><input type="checkbox" />label</label>
   <label class="lable_item"><input type="checkbox" />label</label>
</div>

lable タグのクラスを追加/削除したい。ラベルに「label_act」がある場合、それは削除されます。それ以外の場合は、クラス「label_act」を追加します

4

2 に答える 2

3

デモ

$('.lable_item').find(':checkbox').on('change',function () {
    var $label = $(this).closest('label');
    $label.toggleClass('label_act',this.checked)
});
于 2013-07-23T12:13:43.257 に答える
2

クリックしたときに2回実行されないようにするには、input代わりにを使用する必要がありますlabel

  $('.layout input').click(function () {
      $(this).parent().toggleClass('label_act')
  });

フィドル

于 2013-07-23T12:08:42.687 に答える