<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> </head> <body> <input type="checkbox" id="checkall" />全选<br /> <input type="checkbox" name="check" /><br /> <input type="checkbox" name="check"/><br /> <input type="checkbox" name="check"/><br /> <input type="checkbox" name="check"/><br /> <script> $("#checkall").on('click',function() { $("input[name='check']").prop("checked", this.checked); }); $("input[name='check']").on('click',function() { var $subs = $("input[name='check']"); $("#checkall").prop("checked" , $subs.length == $subs.filter(":checked").length ? true :false); }); </script> </body> </html>