input checkbod 全选 反选
2024-09-05 07:11:28
<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;
}
}
最新文章
- webform 上传
- IE 6 全球分布图 - 中国一枝独秀
- javascript数组的一些方法实例
- QT屏蔽qDebug的方法
- javascript中的arguments对象
- call/apply的第一个参数如果为null。this指向window
- Js,alert出现乱码问题,赶紧记下来,额~~~
- Android UI学习组件概述
- 【MFC相关】MFC入门相关
- 【Netty】UDP广播事件
- scrapy安装教程
- Python——封装
- linux最小化安装后的初始化
- Java8之lambda表达式
- inception_v2版本《Rethinking the Inception Architecture for Computer Vision》(转载)
- SWUST OJ(953)
- VMware vSphere 6.0 安装及管理手册
- Weblogic CVE-2018-3191远程代码命令执行漏洞复现
- JavaScript前端将时间戳转换为日期格式
- rcnn ->;fast rcnn->;faster rcnn物体检测论文
热门文章
- HANA到MySQL数据同步方法!
- 解决Linux:Too many levels of symbolic links
- 洛谷 题解 CF711A 【Bus to Udayland】
- js中遍历对象的属性和值的方法
- 安装matplotlib,报错ERROR: Command errored out with exit status 1:
- 什么是SSL证书服务?
- 第十三章 ZYNQ-MIZ702 PL中断请求
- finally代码块的执行
- [转载]关于Pretrain、Fine-tuning
- SpringBoot与缓存、消息、检索、任务、安全与监控