var all = document.getElementById("select_all"); var vip = document.getElementsByName("vip"),l = vip.length; all.onclick = function(){ for(var i=l;i--;){ vip[i].checked = all.checked; } }; for(var i=l;i--;){ vip[i].onclick = function(){ var k = 0; for(var i=l;i--;)vip[i].checked && k++; all.checked = l==k; }; }
jq
$("#checkall").click(function() {
if($('#checkall').is(':checked')){
$('input[name="subBox"]').prop("checked", true);
}else{ console.log($('#checkall').is(':checked'))
$('input[name="subBox"]').prop("checked", false);
}
});
var $subBox = $("input[name='subBox']");
$subBox.click(function(){
console.log($("input[name='subBox']:checked").length)
console.log($subBox.length)
if($subBox.length == $("input[name='subBox']:checked").length){
$("#checkall").prop("checked", true);
}else{
$("#checkall").prop("checked", false);
}
});