jquery 实现的全选和反选

复制代码代码如下:<!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> #newsTable{margin:100px auto;} </style> <script language="javascript" type="text/javascript" src="jquery1.1.2.js"></script><!-上传到网络上用这个做连接--> <script language="javascript" type="text/javascript"> //阿会楠练习 2009-4-13 $(document).ready(function(){ $("#btnOk").click(function(){ this.value = this.value == "全选"?"反选":"全选"; $("input[@type='checkbox']").checkCbx(); }); }); //当你的代码出现each时，你应该重写上面的代码来构造一个插件,jquery教程中的一句话 $.fn.checkCbx = function(){ return this.each(function(){ this.checked = !this.checked; }); } </script> <title>无标题文档</title> </head> <body> <table border="1" id="newsTable"> <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 colspan="3"><input type="button" name="btnOk" id="btnOk" value="全选" /></td> </tr> </table> </body> </html>

　　推荐阅读

　　javascript 类方法定义还是有点区别

function abc(){} abc=function(){} 这两个定义都可以，不过后者对FF貌似好一些，前者在FF下可能出现missing before formal parameters错误，导致js无法执行。>>>详细阅读

本文标题：jquery 实现的全选和反选

地址：http://www.17bianji.com/kaifa2/JS/28805.html

1/2 1