HTML5+JavaScript(全选和全不选)
来源:互联网 发布:淘宝卖家草稿箱在哪里 编辑:程序博客网 时间:2024/06/04 19:28
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div align="center">
<input type="checkbox" id="check1" />全选/全不选
<div id="checkboxs">
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
</div>
</div>
</body>
<script>
var check1 = document.getElementById("check1");
var checkboxs = document.getElementById("checkboxs");
var ked = checkboxs.getElementsByTagName("input");
check1.onclick = function() {
//全选
if(check1.checked) {
for(var i = 0; i < ked.length; i++) {
ked[i].checked = true;
}
}
//全不选
if(!check1.checked) {
for(var i = 0; i < ked.length; i++) {
ked[i].checked = false;
}
}
}
</script>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<div align="center">
<input type="checkbox" id="check1" />全选/全不选
<div id="checkboxs">
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
<input type="checkbox" /><br />
</div>
</div>
</body>
<script>
var check1 = document.getElementById("check1");
var checkboxs = document.getElementById("checkboxs");
var ked = checkboxs.getElementsByTagName("input");
check1.onclick = function() {
//全选
if(check1.checked) {
for(var i = 0; i < ked.length; i++) {
ked[i].checked = true;
}
}
//全不选
if(!check1.checked) {
for(var i = 0; i < ked.length; i++) {
ked[i].checked = false;
}
}
}
</script>
</html>
阅读全文
0 0
- HTML5+JavaScript(全选和全不选)
- javascript 全选和全不选效果
- 用javascript如何实现全选和全不选
- javascript 实现全选/全不选
- javascript实现全选全不选
- JavaScript:全选 与 全不选
- javascript实现全选全不选
- javascript全选和反选
- javascript全选和反选
- Javascript:全选和反选
- JavaScript实现的全选、全不选和反选的代码
- JavaScript实现的全选、全不选和反选的代码
- 实现全选和取消全选(JavaScript控制CheckBox 的全选与取消全选)
- Javascript全选,反选,全不选
- JavaScript 全选,反选,全不选
- Html Javascript Checkbox 全选/全不选
- javascript 全选、全不选、反选
- javascript控制 checkbox 全选/全不选
- 【Java】【JVM】内存泄漏
- PowerDesigner 之PDM
- 冒烟测试
- HTML5 应用程序缓存
- DIDLParser从DIDLContent生成XML和Parse XML 得到 DIDLContent
- HTML5+JavaScript(全选和全不选)
- Red Giant TrapCode Suite(红巨星AE粒子特效插件套装合集)官方注册版V14.0.3下载 | red giant trapcode suite 14
- nginx 搭建rtmp直播服务器
- React的学习
- 链接
- ffmpeg查看音频波形
- HDU 3065 病毒侵袭持续中(AC自动机 数组模板)
- 【Scikit-Learn 中文文档】密度估计
- 字符集的概念(ASCII、GBK、Unicode等都是什么鬼)