jquery实现全选和全不选功能效果的实现代码【推荐】
网上好多代码都是错的
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>jquery实现全选和全不选功能效果的实现代码【推荐】</title> </head> <scriptsrc="jquery-1.7.1.min.js"></script> <scripttype="text/javascript"> $(document).ready(function(){ $("#checkedAll").click(function(){ //alert("aa"); if($(this).attr("checked")){//全选 $("input[name='checkbox_name']").each(function(){ $(this).attr("checked",true); }); } else{//取消全选 $("input[name='checkbox_name']").each(function(){ $(this).attr("checked",false); }); } }); }); </script> <body> <inputtype="checkbox"name="checkbox_name"id="checkbox_name_1"/>1<br/> <inputtype="checkbox"name="checkbox_name"id="checkbox_name_2"/>2<br/> <inputtype="checkbox"name="checkbox_name"id="checkbox_name_3"/>3<br/> <inputtype="checkbox"name="checkbox_name"id="checkbox_name_4"/>4<br/> <inputtype="checkbox"name="checkedAll"id="checkedAll"/>全选/取消全选 </body> </html>
以上这篇jquery实现全选和全不选功能效果的实现代码【推荐】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。