<script>

            var CheckBox=div.getElementsByTagName('input');
             
            //全选
            function CheckAll(){
                for(i=0;i<CheckBox.length;i++){CheckBox[i].checked=true;};
            };
             
            //不选
            function UnCheck(){
                for(i=0;i<CheckBox.length;i++){CheckBox[i].checked=false;};
                };
             
            //反选
            function othercheck(){
                for(i=0;i<CheckBox.length;i++){
                    if(CheckBox[i].checked==true){ CheckBox[i].checked=false;}
                    else{ CheckBox[i].checked=true}
                }
            };
        </script>
 
 
第二种方法:
window.onload = function() {
//先获得控制全选反选的input标签
var inputAll = document.getElementById("theadInp");
//获得tbody
var tbody = document.getElementById("tbody");
//获得天tbody里面的子元素
var icheck = tbody.getElementsByTagName("input");
console.log(icheck);
//给控制全选反选的input标签绑定事件
inputAll.onclick = function() {
//遍历tbody里面的input标签,把inputAll的状态赋值给icheck
for(var i = 0; i < icheck.length; i++) {
icheck[i].checked = this.checked;
}
}
以为这样就结束了事了吗?然而并没有。里面还是有个小问题的,就是当下面的input有一个以上没选中的时候,那么inputAll的状态也必须要跟着变化,总不能只让人家听他一个人的话吧,这就太不像话了。
 
for(var i = 0; i < icheck.length; i++) {
//给每个子元素都绑定事件
icheck[i].onclick = function() {
//点击的时候在遍历icheck,看看是否有没选中的
for(var j = 0; j < icheck.length; j++) {
//定义一个标志来记录
var flag = true;
if(icheck[j].checked == false) {
flag = false;
}
}
inputAll.checked=flag;
}
}
 

最新文章

  1. webform 上传
  2. IE 6 全球分布图 - 中国一枝独秀
  3. javascript数组的一些方法实例
  4. QT屏蔽qDebug的方法
  5. javascript中的arguments对象
  6. call/apply的第一个参数如果为null。this指向window
  7. Js,alert出现乱码问题,赶紧记下来,额~~~
  8. Android UI学习组件概述
  9. 【MFC相关】MFC入门相关
  10. 【Netty】UDP广播事件
  11. scrapy安装教程
  12. Python——封装
  13. linux最小化安装后的初始化
  14. Java8之lambda表达式
  15. inception_v2版本《Rethinking the Inception Architecture for Computer Vision》(转载)
  16. SWUST OJ(953)
  17. VMware vSphere 6.0 安装及管理手册
  18. Weblogic CVE-2018-3191远程代码命令执行漏洞复现
  19. JavaScript前端将时间戳转换为日期格式
  20. rcnn -&gt;fast rcnn-&gt;faster rcnn物体检测论文

热门文章

  1. HANA到MySQL数据同步方法!
  2. 解决Linux:Too many levels of symbolic links
  3. 洛谷 题解 CF711A 【Bus to Udayland】
  4. js中遍历对象的属性和值的方法
  5. 安装matplotlib,报错ERROR: Command errored out with exit status 1:
  6. 什么是SSL证书服务?
  7. 第十三章 ZYNQ-MIZ702 PL中断请求
  8. finally代码块的执行
  9. [转载]关于Pretrain、Fine-tuning
  10. SpringBoot与缓存、消息、检索、任务、安全与监控