Question

jquery实现checkbox全选的问题

一个控制选择全部的checkbox，现在全选和全部选实现了，也实现了只要有一个没有选择控制全部的checkbox是不会checked的，现在就剩当元素全部选择后，控制全部的checkbox也处于选定状态！

代码：
<input type="checkbox" id="_selectAll" name="selectAll" onclick="selectAll(this)" />
<label for="_selectAll">全选</label>
<br/><br/>
<input type="checkbox" id="_u1" name="user" onclick="sl(this)" />
<label for="_u1">张三</label><br/>
<input type="checkbox" id="_u2" name="user" onclick="sl(this)" />
<label for="_u2">李四</label><br/>

<script>
function selectAll(o){
if(o.checked){
$("input[name='user']").attr("checked",true);
}else{
$("input[name='user']").attr("checked",false);
}
}

function sl(o){
$.each($("input[name='user']"),function(i,cbo){
if(!cbo.checked){
$("#_selectAll").attr("checked",false);
}
});
}
</script>

不知道这个逻辑怎么处理！！请大家帮忙看看吧！！！

Answer 1

我给你做好了，演示网址： http://www.qkweb.net/demo/js/form/checkbox.html 代码你可以看我写的源代码，直接在浏览器上查看源代码，下面贴的就是： <input type="checkbox" id="_selectAll" name="selectAll" onclick="selectAll(this)" />
<label for="_selectAll">全选</label>
<br/><br/>
<input type="checkbox" id="_u1" name="user" onclick="sl(this)" />
<label for="_u1">张三</label><br/>
<input type="checkbox" id="_u2" name="user" onclick="sl(this)" />
<label for="_u2">李四</label><br/><script>
function selectAll(o){
if(o.checked){
$("input[name='user']").attr("checked",true);
}else{
$("input[name='user']").attr("checked",false);
}
}function sl(o){
$.each($("input[name='user']"),function(i,cbo){
if(!cbo.checked){
$("#_selectAll").attr("checked",false);
}
});

var t=0;
$("input[name=user]").each(function(i){
if($(this).attr("checked")==true){t++}else{t--};
//alert(t);
if(t==2){
$("input[name=selectAll]").attr("checked",true);
}else{
$("input[name=selectAll]").attr("checked",false);
}
});
}
</script>