下面用jquery写个小demo来实现全选反选功能, 以下是html代码 <html xmlns="http://www.w3.org/1999/xhtml" > <script src="jquery-1.3.1.js" mce_src="jquery-1.3.1.js" type="text/javascript"></script> <head runat="server"> <title>demo</title> </head> <body> <form id="form1" runat="server"> <div> <input id="checkall" type="checkbox" />全选/反选 <br /> <input name="checkboxname" type="checkbox"/> <br /> <input name="checkboxname" type="checkbox"/> <br /> <input name="checkboxname" type="checkbox"/> <br /> <input name="checkboxname" type="checkbox"/> <br /> <input name="checkboxname" type="checkbox"/> <br /> <input name="checkboxname" type="checkbox"/> <br /> </div> </form> </body> </html> 以下js代码 <script type="text/javascript" language="javascript"> $(document).ready(function() { $("#checkall").click(function(){ if($(this).attr("checked") == true){ $("input[name='checkboxname']").each(function(){ $(this).attr("checked",true); }); }else{ $("input[name='checkboxname']").each(function(){ $(this).attr("checked",false); }); } }); }); <script> 这样一个简单的 全选反选功能就完成了