<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>
<input class="all" type="checkbox">all <br>
<input class="check" type="checkbox">1 <br>
<input class="check" type="checkbox">2<br>
<input class="check" type="checkbox">3<br>
<input class="check" type="checkbox">4<br>
<input class="check" type="checkbox">5<br>
<input class="check" type="checkbox">6
</div>
<script src="../lib/js/jquery-1.10.2.min.js"></script>
<script>
function checkAll(all,check){
$(document).delegate(all,"click",function(){
var $this=$(this);
$(check).prop("checked",$this.prop("checked"));
});
$(document).delegate(check,"click",function(){
var isTrue=true;
$.each($(check),function(index,val){
if($(val).prop("checked")==false){
isTrue=false;
return false;
}else if($(val).prop("checked")==true){
isTrue=true;
}
});
$(all).prop("checked",isTrue);
});
}
checkAll(".all",".check");
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>
<input class="all" type="checkbox">all <br>
<input class="check" type="checkbox">1 <br>
<input class="check" type="checkbox">2<br>
<input class="check" type="checkbox">3<br>
<input class="check" type="checkbox">4<br>
<input class="check" type="checkbox">5<br>
<input class="check" type="checkbox">6
</div>
<script src="../lib/js/jquery-1.10.2.min.js"></script>
<script>
function checkAll(all,check){
$(document).delegate(all,"click",function(){
var $this=$(this);
$(check).prop("checked",$this.prop("checked"));
});
$(document).delegate(check,"click",function(){
var isTrue=true;
$.each($(check),function(index,val){
if($(val).prop("checked")==false){
isTrue=false;
return false;
}else if($(val).prop("checked")==true){
isTrue=true;
}
});
$(all).prop("checked",isTrue);
});
}
checkAll(".all",".check");
</script>
</body>
</html>