<label class="checkbox fl"><input type="checkbox" name=""></label>
$(".shopCarBox .item .checkbox").click(function(){
$(this).toggleClass("on")
})
使用label里会以有冒泡操作,即执行两次单击事件,需阻止冒泡,使用:
e.stopPropagation(); //表示阻止向父元素冒泡
e.preventDefault(); //阻止 方法阻止元素发生默认的行为(例如,当点击提交按钮时阻止对表单的提交或者a标签)
或改为span标签:
<span class="checkbox fl"><input type="checkbox" name=""></span>
或将单击事件的方法定到input上