input全选全不选

input全选全不选

 

$(document).ready(function() {
index="";

$(".item").click(function(){
var checkAll=true;
var checkBoxList=$(".item");
for(var i=0;i<checkBoxList.length;i++){
if(!checkBoxList[i].checked){
checkAll=false;
break;
}
}
if(checkAll){
$(".checkAll").prop("checked",true);
}else{
$(".checkAll").prop("checked",false);
}
})
$(".checkAll").click(function(){
var checkBoxList=$(".item");
if(this.checked){
for(var i=0;i<checkBoxList.length;i++){
checkBoxList[i].checked=true;
// $(".diogoblack").show();
// $("#diogo-1").show();
}
}else{
for(var i=0;i<checkBoxList.length;i++){
checkBoxList[i].checked=false;
}
}
});

$(".page-up").click(function(){
$(".page-up").removeClass("hovergree");
$(this).addClass("hovergree");
})

});

 

页面的html

这里是控制所有input子项的html：

<input type="checkbox" value=1 class="checkAll  duig2" id="all" />

这里是所有小的input：

<input type="checkbox" name="" class="item duig"/>

就这样写上就好

 

写的不是很详细，大家可以借鉴一下