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

JS如何控制checkbox的全选反选相关推荐

jQuery实现checkbox的全选反选方法
checkbox的全选.取消全选.选中所有奇数.选中所有偶数等方法的实现代码如下: 注意jQuery的版本:jQuery1.6增加了prop,1.6之前的还是使用attr()和removeAttr() ...
[JS] checkbox 选中/全选/反选/不选
知识点: 1. jQuery: prop() 和 attr() attr('checked') 返回string类型 prop('checked') 返回Boolean类型结论:$(" ...
js、jquery操作复选框checkbox总结（单个/多个获取选中值、初始化设置默认选中值、全选反选）
一.单个复选框使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...
JS 原生实现复选框全选反选功能
** JS 原生实现复选框全选反选功能 ** 按钮功能实现思路: 全选按钮: 直接将全选按钮的状态赋值给每一个复选框. 复选框:只有当所有的复选框选中时,全选按钮才能选中,所以每当复选框每点击一次就 ...
利用JS来实现表格的全选、全不选、反选以及删除的功能
利用JS来进行表格的选择删除等功能二.代码 1.表格的制作以及事件的绑定 2.全选按钮的功能实现 3.全不选按钮的功能实现 4.反选按钮的功能实现 5.删除按钮的功能实现 6.鼠标悬停时颜色的变化 ...
JQuery实现复选框CheckBox的全选、反选、提交操作
对复选框最基本的应用,就是对复选框进行全选.反选和提交等操作.复杂的操作需要与选项挂钩,来达到各种级联反应效果. [示例]使用Jquery实现复选框CheckBox的全选.反选.提交操作. (1)创建 ...
java做全选反选功能_[Java教程]js实现全选反选
[Java教程]js实现全选反选 0 2017-04-04 00:00:12 在前端中用到全选反选的案例并不少,在这里呢我就实现这个功能给大家参考参考. 这里呢就先贴上我的html和css代码快递 ...
js复选框之全选反选不选
今日分享:纯js复选框之全选&&反选&&不选想要了解其用法,首先先得了解它们各自的意思全选:全部都选中反选:选中的部分取消,没选中的部分勾选上不选:全部取消勾选 ...
php输入文本框样式,【js】：检测用户输入、文本框默认样式设置、设计表格样式实现全选反选...
Topic 1 : 检测用户的输入 : 题目要求: 编写一个用户注册页面检测用户名是否是6位以下,密码是否是8位以上,如果不满足要求高亮显示文本框 : 代码如下 : 用户注册页面 .bg {back ...

JS如何控制checkbox的全选反选

JS如何控制checkbox的全选反选相关推荐

最新文章

热门文章