java实现复选框的全选和反选功能

在web项目开发中,全选和反选是最常用,也是最基础的技术:

现在让小朋为大家来总结几种小实例:

Jquery中:

第一种方法:

$("#checkid").click(function(){

if(($("#checkid").attr("checked"))){

$(".chkbox").attr("checked",true);

}else{

$(".chkbox").attr("checked",false);

}

});

});

第二种方法:

$("#checkAll").click(function(){

if($("#checkAll").is(":checked")){

$("input:checkbox:not('#checkAll')").each(function(){

$(this).attr("checked",true);

});

}else{

$("input:checkbox:not('#checkAll')").each(function(){

//  $(this).attr("checked",false);或:

$(this).removeAttr("checked");

});

}

});

Js中:

   function check (){

   var id=document.getElementByIdx_x("checkall");

   var name=document.getElementsByName("check");

   if(id.checked){     

   for(var i=0;i

        name[i].checked=true;

      }

   }else{

   for(var i=0;i

   name[i].checked=false;

   }

   }

 

}

你可能感兴趣的:(js/jquery)