作家
登录

Jquery CheckBox全选方法代码附js checkbox全选反选代码

作者: 来源:www.28hudong.com 2013-03-30 01:31:46 阅读 我要评论

jquery方法如下: 复制代码 代码如下: function CheckAll(val) { $("input[name='chkJob']").each(function() { this.checked = val; }); $("#chkAll").attr("checked", val);//设定全选按钮状态 } val 该参数传递的是全选按钮的选择状态 name='chkJob' 这个为列表中的checkbox名称 chkAll 就为全选按钮名称 喜欢上了Jquery的简便、明了··· 与用JavaScript写的比起来真的有点差距! eg: javascript 全选反选代码复制代码 代码如下: //全选 function checkall() { var all = document.getElementsByTagName("input"); for (var i = 0; i < all.length; i++) { if (all[i].type == "checkbox") { all[i].checked = true; } } } //反选 function checknull() { var all = document.getElementsByTagName("input"); for (var i = 0; i < all.length; i++) { if (all[i].type == "checkbox") { all[i].checked = false; } } }

  推荐阅读

  Js密码强度实时验证代码

效果图:演示代码: 密码强度测试 输入密码: 密码强度: 弱 中 强 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]>>>详细阅读


本文标题:Jquery CheckBox全选方法代码附js checkbox全选反选代码

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

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)