首页 > 网络编程 > JavaScript > javascript类库 > jquery > jquery input checked jquery input checked全选与反选1.3.2的版本 2009-05-26 02:30:53 作者： jquery 全选与反选1.3.2的版本 “运行代码”后“刷新一次” <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>无标题页</title> <script language="javascript" type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <script language="javascript" type="text/javascript"> $.fn.checkCbx = function(){ return this.each(function(){ this.checked = !this.checked; }); } $(function(){ $("#btnSelect").click(function(){ this.value = this.value == "全选"?"反选":"全选"; $("input:checkbox").checkCbx(); }) }) </script> </head> <body> <form name="form1" method="post" action="Default8.aspx" id="form1"> <table border="1"> <tr> <th>选择</th> <th>id</th> <th>姓名</th> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>1</td> <td>脚本之家</td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>2</td> <td>脚本之家</td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>3</td> <td>脚本之家</td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>4</td> <td>脚本之家</td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>5</td> <td>脚本之家</td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>6</td> <td>脚本之家</td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>7</td> <td>脚本之家</td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>8</td> <td>脚本之家</td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>9</td> <td>脚本之家</td> </tr> <tr> <td><input type="checkbox" name="cbx" /></td> <td>10</td> <td>脚本之家</td> </tr> </table> <input id="btnSelect" type="button" value="全选" /> </form> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 您可能感兴趣的文章:jQuery判断checkbox(复选框)是否被选中以及全选、反选实现代码jquery复选框CHECKBOX全选、反选JQUERY CHECKBOX全选,取消全选,反选方法三jquery 实现的全选和反选jQuery实现复选框全选/取消全选/反选及获得选择的值jquery 实现checkbox全选，反选，全不选等功能代码(奇数)Jquery CheckBox全选方法代码附js checkbox全选反选代码jquery实现全选、反选、获得所有选中的checkboxjQuery 全选/反选以及单击行改变背景色实例jQuery实现checkbox列表的全选、反选功能
