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插件EasyUI EasyUI表单验证
轻松学习jQuery插件EasyUI，本文的重点在于EasyUI表单验证，并告诉大家如何提交表单，感兴趣的小伙伴们可以参考一下
2015-12-12
js(jQuery)获取时间的方法及常用时间类搜集
获取时间的方法及常用时间类都是大家经常使用的，在本文为大家整理了一些，个人感觉还比较全，感兴趣的朋友可以收集下
2013-10-10
可以显示单图片，多图片ajax请求的ThickBox3.1类下载
ThickBox是一个基于JQuery类库的扩展以下的是ThickBox3.1的实例+代码调用方法
2007-12-12
jQuery 自动增长的文本输入框实现代码
文本输入框内的字数不能确定，而input type="text"的size是固定的，当字数超过size时（默认是20），先输入的内容就会从文本框的左端隐藏起来，不便于输入。
2010-04-04
jQuery.Validate验证库的使用介绍
本篇文章介绍了，jQuery.Validate验证库的使用。需要的朋友参考下
2013-04-04
jQuery实现鼠标经过提示信息的地图热点效果
这是一个升级版本，更新了一个在IE8里的小问题，加入了提示框的内容自动换行处理(北京点上有演示)！估计差不多该是最后样式了。IE6、IE8、谷歌、火狐、测试正常。
2015-04-04
jquery ajax 同步异步的执行 return值不能取得的解决方案
jquery ajax 同步异步的执行 return值不能取得的解决方案，需要的朋友可以参考下。
2012-01-01
详解获取jq ul第一个li定位的四种解决方案
本篇文章主要介绍了多个ul中获取第一个li定位的四种解决方案，需要的朋友可以过来参考下
2016-11-11
JQuery 选择和过滤方法代码总结
JQuery 选择和过滤方法代码总结，学习jquery的朋友可以参考下。
2010-11-11
避免jQuery名字冲突 noConflict()方法
这篇文章主要为大家详细介绍了避免jQuery名字冲突，noConflict()方法，感兴趣的朋友可以参考一下
2016-07-07

jquery input checked全选与反选1.3.2的版本

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具