Jquery 使用if-else的add-remove类中的错误

Jquery 使用if-else的add-remove类中的错误,jquery,html,Jquery,Html,这是我的Javascript代码 $('.lable_item').click(function () { if (!$(this).hasClass('label_act')) { $(this).addClass('label_act'); } else { $(this).removeClass('label_act'); } }); 这是我的HTML内容 <div class="layout"> <labe

这是我的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具有label_act,则它将被删除,否则添加类label_act

,以便在您单击时它不会运行2次您必须使用输入而不是label


什么是错误?好的。你有什么样的虫子?在控制台中是否有错误?您希望它做什么以及它做什么?使用此代码$'.lable_item'。单击函数{$this.toggleClass.label_act';}@斯波基:哦,太好了!我们终于找到了BUG。
  $('.layout input').click(function () {
      $(this).parent().toggleClass('label_act')
  });
$('.lable_item').find(':checkbox').on('change',function () {
    var $label = $(this).closest('label');
    $label.toggleClass('label_act',this.checked)
});