<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content=""> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>checkbox全选/反选</title> <script src="jquery.js"> </script> <script type="text/javascript"> $(document).ready(function(){ $("#check").change(function(){ //全选/反选所有name="goods"的checkbox $("input[name='goods']").prop("checked",this.checked); //全选/反选所有checkbox //$("input[type='checkbox']").prop("checked",this.checked); }); }); </script> </head> <body> <center> 全选/反选<input type="checkbox" id="check"/><br/> <input type="checkbox" name="goods"/><br/> <input type="checkbox" name="goods"/><br/> <input type="checkbox" name="goods"/><br/> <input type="checkbox" name="goods"/><br/> <input type="checkbox" name="goods"/><br/> <input type="checkbox" name="goods"/><br/> <input type="checkbox" name="goods"/><br/> <input type="checkbox" name="goods"/><br/> <input type="checkbox" name="goods"/><br/> <input type="checkbox" name="goods"/><br/> <input type="checkbox" name="goods"/><br/> </center> </body> </html>