JS如何控制checkbox的全选反选

JS代码:

 1 <script language="javascript" type="text/javascript">
 2 
 3         //转载请保留出处 http://www.dwww.cn 
 4         function unselectall() {
 5             if (document.getElementById("chkAll").checked) {
 6                 document.getElementById("chkAll").checked = document.getElementById("chkAll").checked & 0;
 7             }
 8         }
 9         function CheckAll(form) {
10             var r = document.getElementById("Example1");
11             if (r != null) {
12                 var r2 = r.getElementsByTagName('input');
13                 for (var i = 0; i < r2.length; i++) {
14                     var e = r2[i];
15                     if (e.Name != 'chkAll' && e.disabled == false)
16                         e.checked = document.getElementById("chkAll").checked;
17                 }
18             }
19         }
20     </script>

HTML代码:

 1 <div id="Example1">
 2         <input name='id' type='checkbox' οnclick='unselectall()' id='id' value='1' />
 3         A
 4         <input name='id' type='checkbox' οnclick='unselectall()' id='id' value='2' />
 5         B
 6         <input name='id' type='checkbox' οnclick='unselectall()' id='id' value='3' />
 7         C
 8         <input name='id' type='checkbox' οnclick='unselectall()' id='id' value='4' />
 9         D
10         <input name='chkAll' type='checkbox' id='chkAll' οnclick='CheckAll(this.form)' value='checkbox' />
11         全选
12     </div>

 

 

转载于:https://www.cnblogs.com/Peter-Youny/archive/2012/11/05/JS.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/409427.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

[交互]交互的实战问题2

[交互]交互的实战问题2 axios升级导致的问题axios 设置请求 header 方式 多页签时&#xff0c;切换页签是否应该取消交互请求 axios升级导致的问题 axios 设置请求 header 方式 axios 早期设置请求 header 方式 config.headers.common.set(Pragma, no-cache)有一天发现该方式…

虚拟同步发电机_一种光储型虚拟同步机介绍

专利权人 广东电网有限责任公司摘要&#xff1a;本实用新型实施例公开了一种光储型虚拟同步机&#xff0c;包括逆变器、光伏列、储能装置、本地负荷、开关和电网&#xff0c;所述光伏阵列通过第一DC/DC转换器连接在所述逆变器的直流母线上&#xff0c;所述储能装置通过第二DC/D…

windows 和linux查看硬件信息,Linux下如何查看硬件信息?

我们在 Linux 下进行开发时&#xff0c;有时也需要知道当前的硬件信息&#xff0c;比如&#xff1a;CPU几核&#xff1f;使用情况&#xff1f;内存大小及使用情况&#xff1f;USB设备是否被识别&#xff1f;等等类似此类问题。下面良许介绍一些常用的硬件查看命令。lshw 这个命…

YUI3下widget的plugin开发

最近在尝试使用YUI3重建ExtFrame框架&#xff0c;使用YUI3做为更佳的UI和JS支持 和ExtJS比&#xff0c;YUI3的UI看起来缺少了足够的UI控件&#xff0c;但是&#xff0c;YUI3的widget开发更灵活&#xff08;也更难掌握&#xff09;&#xff0c;YUI3的widget操作更多的基于DOM封装…

雅可比行列式_夏七八写:关于“斜二测画法”与雅可比行列式的关系的想法

最开始思考这两种有没有关系的时候也是偶然&#xff0c;&#xff0c;受到启发&#xff1a;雅可比行列式有什么意义呢&#xff0c;为什么对于像 的式子为什么要其后乘上一个雅可比行列式的绝对值呢&#xff1f;在说我的想法之前&#xff0c;我想可能要先提一下一些预备知识&…

linux6.7能升级6.8吗,CentOS 六、7升级gcc至4.八、4.九、5.二、6.三、7.3等高版本

CentOS 7虽然已经出了不少年了&#xff0c;但依然会有不少人选择安装CentOS 6&#xff0c;CentOS 6有些依赖包和软件都比较老旧&#xff0c;现在天的主角gcc编译器&#xff0c;CentOS 6的gcc版本为4.4&#xff0c;CentOS 7为4.8。gcc 4.8最主要的一个特性就是全面支持C11&#…

JSP获取当前时间

JSP获取当前时间一、先看看如何取当前时间并显示的代码 ------------------------------------------------ <% java.text.SimpleDateFormat formatter new java.text.SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); java.util.Date currentTime new java.util.Date…

bisect git 使用_让 Git Bisect 帮助你

最后一步&#xff0c;这次是坏的。$ git bisect bad458eab0eb8d808e16d98ec7039a7c53855dd9ed6 is the first bad commitcommit 458eab0eb8d808e16d98ec7039a7c53855dd9ed6Author: Rodrigo Flores Date: Tue Oct 21 22:31:05 2014 -0200added 1013:100644 100644 7bc3db7f48a…

linux shell中各种分号和括号,linux shell 各种分号,括号使用方法总结

各种括号的用法总结如下1.Shell中变量的原形&#xff1a;${var}大家常见的变量形式都是$var2.命令替换$(cmd)命令替换$(cmd)和符号cmd(注意这不是单引号&#xff0c;在美式键盘上&#xff0c;是ESC下面的那个键)有相同之处3.一串的命令执行()和{}()和{}都是对一串的命令进行执行…

restful get不传参数404_你知道什么是 Restful 风格吗?SpringMVC 带我们实现它!

Restful 风格的 API 是一种软件架构风格&#xff0c;设计风格而不是标准&#xff0c;只是提供了一组设计原则和约束条件。它主要用于客户端和服务器交互类的软件。基于这个风格设计的软件可以更简洁&#xff0c;更有层次&#xff0c;更易于实现缓存等机制。在 Restful 风格中&a…

ASP.NET MVC中同步与异步

1.MvcHandler总是调用BeginProcessRequest/EndProcessRequest方法以异步的方式来处理请求2.Controller分别实现了IController和IAsyncController两个接口&#xff0c;所以当激活的Controller对象在MvcHandler的BeginProcessRequest方法中是按照这样的方式执行的&#xff1a;Con…

linux搭建spark集群,详解Spark+Zookeeper搭建高可用Spark集群

Apache Spark是专为大规模数据处理而设计的快速通用的计算引擎&#xff1b;现在形成一个高速发展应用广泛的生态系统。Spark三种分布式部署方式比较目前Apache Spark支持三种分布式部署方式&#xff0c;分别是standalone、spark on mesos和 spark on YARN&#xff0c;详情参考。…

wifiwan口速率什么意思_无线路由器怎么设置wan口速率

wan口速率是设置无线路由器的wan口以什么速率方式工作&#xff0c;此设置不当会导致网速降低&#xff0c;下面是学习啦小编整理的无线路由器设置wan口速率的方法&#xff0c;供您参考。无线路由器设置wan口速率的方法在Wan口的设置中&#xff0c;当我们完成了基本的设置后&…

linux perl telnet安装,51CTO博客-专业IT技术博客创作平台-技术成就梦想

Telnet是一个古老而又不安全的协议&#xff0c;用来实现远程登录。这种服务可以和基于客户机/服务器进行通信&#xff0c;也就是说把你的电脑虚拟成一个键盘(伪终端)来和远程的服务进行通信&#xff0c;而服务器以为输入来自它本地的键盘&#xff0c;我们在本地所执行的命令会发…