Jquery 使用if-else的add-remove类中的错误
这是我的Javascript代码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
$('.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)
});