js表单操作
2024-10-16 19:57:01
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>全选</title>
</head>
<body>
<input id="a" type="checkbox" /><label for="a">反选</label>
<input id="b" type="checkbox" /><label for="b">全选</label> <div id="area">
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" checked=true />
<input type="checkbox" checked=true />
<input type="checkbox" checked=true />
<input type="checkbox" checked=true />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
<input type="checkbox" />
</div>
</body>
</html>
<script type="text/javascript">
var oInput=document.getElementById("a");
var bInput=document.getElementById("b"); var aInput=document.getElementsByTagName("div")[0].getElementsByTagName("input");
bInput.onclick=function(){
if(this.checked){
for (var i = 0; i < aInput.length; i++){
aInput[i].checked=true;
}
}else{
for (var i = 0; i < aInput.length; i++){
aInput[i].checked=false;
}
}
} oInput.onclick=function(){ for (var i = 0; i < aInput.length; i++){
if(aInput[i].checked){
aInput[i].checked=false;
}else{
aInput[i].checked=true;
} };
}
</script>
最新文章
- C# winform安装部署（转载）
- Oozie分布式任务的工作流——Sqoop篇
- html热力图的操作(点击图片的不同位置操作不同的事件)适合说明文档
- redis make时 提示 zmalloc.h:50:31: error: jemalloc/jemalloc.h:
- 示例详解：UIScrollview 与 Autolayout 的那点事
- PHP中怎样创建一个空对象?
- Java设计模式-解释器模式（Interpreter）
- Ubuntu 14.04安装OpenCV 3.1
- 线程同步synchronized
- ab测试 uwsgi遇到的问题
- JavaScript 的使用基础总结③
- python matplotlib 图表局部放大
- openstack-ocata-环境准备1
- Docker 学习5 Docker容器网络
- container and Injection
- Spring MVC如何接收浏览器传递来的请求参数--request--形参--实体类封装
- hdu 5411 CRB and Puzzle (矩阵高速幂优化dp)
- POJ 2513 字典树+并查集+欧拉路径
- php脚本输出js代码不执行的解决办法和原理。
- Devexpress VCL Build v2014 vol 14.1.4 发布