jquery - 使用 if else 添加删除类中的错误

Question

这是我的 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>

我想在标签标签上添加/删除类。如果标签有“label_act”，那么它将被删除，否则添加类“label_act”

Answer 1

演示

$('.lable_item').find(':checkbox').on('change',function () {
    var $label = $(this).closest('label');
    $label.toggleClass('label_act',this.checked)
});

Answer 2

为了让它在您单击时不会运行 2 次，您必须input使用label

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

小提琴