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"/>

就這樣寫上就好

 

寫的不是很詳細，你們能夠借鑑一下