全选框只能选一次的解决方法

在项目中遇到全选只能选一次,使用的是attr,后来才知道要改成prop,

简单的代码如下:

HTML:

    <ul>
<li>
<input class="input1" type="checkbox"/>
全选
</li>
<li>
<input class="input2" type="checkbox"/>
选项一
</li>
</ul>
JS:
$(".input1").click(function(){
第一种是这样:
if($(this).prop("checked")){
$(".input2").prop("checked",true)
}else{
$(".input2").prop("checked",false)
}
第二种更简化:
var ischecked=$(this).prop("checked");
$(".input2").prop("checked",ischecked)
})
prop() 方法设置或返回被选元素的属性和值;
$(".select").prop("checked",状态);
原文地址:https://www.cnblogs.com/LDaiL/p/6379895.html