<body> <input type="checkbox" id="ckAll" />全选<br /> <input type="checkbox" name="sub" />1<br /> <input type="checkbox" name="sub"/>2<br /> <input type="checkbox" name="sub"/>3<br /> <input type="checkbox" name="sub"/>4<br /> <script type="text/javascript"> $(function(){ $('#ckAll').click(function(){ $('input[name=sub]').prop('checked',this.checked); }) var len=$('input[name=sub]').length; $('input[name=sub]').click(function(){ var lens=$('input[name=sub]:checked').length; if(lens==len){ $('#ckAll').prop('checked',true); }else{ $('#ckAll').prop('checked',false); } }) }) </script> <script> /* $(function(){ $("#ckAll").click(function() { $("input[name='sub']").prop("checked",this.checked))}; $("input[name='sub']").click(function() { var $subs = $("input[name='sub']"); $("#ckAll").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false); }); }) */ </script> </body>