<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="js/jquery-1.11.0.js" ></script> </head> <body> <div> <input type="checkbox" value="2" name="name" onchange="checkOption()" >管理员</input> <input type="checkbox" value="2" name="name" onchange="checkOption()">管理员</input> <input type="checkbox" value="2" name="name" onchange="checkOption()" >管理员</input> <input type="checkbox" value="2" name="name" onchange="checkOption()">管理员</input> <input type="checkbox" value="2" name="name" onchange="checkOption()">管理员</input> <input type="checkbox" value="2" name="name" onchange="checkOption()" >管理员</input> </div> <input type="checkbox" id="selectOption" onchange="allselected()"/>全选/全不选 </body> <script type="application/javascript">// $(function(){// $("#selectOption").click(function (){// $("input[name='name']:checkbox").each(function(){ // alert($("#selectOption").attr("checked"));// if(true==$("#selectOption").attr("checked")){// this.checked=true;// }else{// this.checked=false;// }// // });// }); // }); var flag=true; function allselected(){ $("input[name='name']:checkbox").each(function(){ this.checked=flag; }); flag=!flag; } function checkOption(){ $("input[name='name']:checkbox").each(function(){ if (false == this.checked) { $("#selectOption").attr("checked",false); } }); } </script></html>点击全选，全不选，
checkbox子集点击可触发检查，若没有全选，则取消全选按钮的选中
