网上那些实在是挺乱的,找不到我想要的(也许是我方法不对),后来对比一下,整理后发布一下自己的写法
wxml
<ul>
<li><input type="checkbox" name="child"> 拼单</li>
<li><input type="checkbox" name="child"> 组团</li>
<li><input type="checkbox" name="child"> 限购</li>
<li><input type="checkbox" name="all" id="all">全部</li>
</ul>
js
$(document).ready(function(){
// 全选和反选功能
$('#all').click(function() {
var all = $("input[name='all']").is(':checked');
if(all) {
$("input[name='child']").prop("checked", true);
}else {
$("input[name='child']").prop("checked", false);
}
})
// 循环判断,单个未选中,取消全选,全部选中,勾上全选
$("input[name=child]").click(function() {
var showis = true;
for (var i = 0; i < $("input[name=child]").length; i++) {
if (!$($("input[name=child]")[i]).is(":checked")) {
// 一个未选中,跳出循环
showis = false;
break;
}
}
$("#all").prop("checked", showis);
})
})
以上仅作为个人使用