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常见节点操作实例分析
这篇文章主要介绍了JQuery常见节点操作,结合实例形式分析了jQuery针对元素节点的添加、删除常见操作函数使用技巧与相关注意事项,需要的朋友可以参考下
2019-05-05
JQuery ZTree使用方法详解
这篇文章主要为大家详细介绍了JQuery ZTree使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-01-01
jQuery删除节点的三个方法即remove()detach()和empty()
jQuery提供了三种删除节点的方法，即remove()，detach()和empty()，下面为大家详细介绍下jQuery删除节点三个方法的具体使用
2013-12-12
jquery实现的放大镜效果示例
这篇文章主要介绍了jquery实现的放大镜效果,结合实例形式分析了jQuery放大镜插件shoplistxq.js的定义与使用相关操作技巧,需要的朋友可以参考下
2020-02-02
jQuery实现获取隐藏div高度的方法示例
这篇文章主要介绍了jQuery实现获取隐藏div高度的方法,结合实例形式较为详细的分析了jQuery针对页面元素属性操作的相关技巧,需要的朋友可以参考下
2017-02-02
jQuery过滤选择器:not()方法使用介绍
这篇文章主要介绍了jQuery过滤选择器:not()方法的使用,需要的朋友可以参考下
2014-04-04
jQuery找出网页上最高元素的方法
这篇文章主要介绍了jQuery找出网页上最高元素的方法,实例分析了jQuery遍历元素与获取元素高度的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-03-03
jquery导航制件jquery鼠标经过变色效果示例
这篇文章主要介绍了jquery鼠标经过变色效果代码，大家参考使用吧
2013-12-12
BootStrap按钮标签及基本样式
这篇文章主要介绍了BootStrap按钮标签及基本样式的相关资料，基本样式包括颜色大小方面的知识，对bootstrap按钮相关知识感兴趣的朋友一起看看吧
2016-11-11
jquery右下角自动弹出可关闭的广告层
jQuery实现右下角自动弹出可关闭的悬浮提示层特效。这种效果可以使用jQuery弹出层实现。有需要的小伙伴可以参考下。
2015-05-05