效果截图:
HTMl代码:
<input id="checkAll" type="checkbox" />全选
<input name="subChk" type="checkbox" value="1" />1
<input name="subChk" type="checkbox" value="2" />2
<input name="subChk" type="checkbox" value="3" />3
JS代码:
$(function(){
//单选
var subChk = $("input[name='subChk']");
subChk.click(function () {
$("#checkAll").prop("checked",subChk.length == subChk.filter(":checked").length ? true:false );
});
//全选
$("#checkAll").bind("click",function(){
$("input[name='subChk']").prop("checked",this.checked);
})
})