全选,反选,不选 小代码
来源:互联网 发布:ai软件最新版本 编辑:程序博客网 时间:2024/04/28 11:59
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <script> window.onload=function(){ var oBtn1=document.getElementById('btn1'); var oBtn2=document.getElementById('btn2'); var oBtn3=document.getElementById('btn3'); var oDiv1=document.getElementById('div1'); var aCh=oDiv1.getElementsByTagName('input'); oBtn1.onclick=function(){ for(var i=0;i<aCh.length;i++) { aCh[i].checked=true; } } oBtn2.onclick=function() { for (var i=0; i<aCh.length; i++) { aCh[i].checked=false ; } } oBtn3.onclick=function() { for (var i=0; i<aCh.length; i++) { if(aCh[i].checked == true){ aCh[i].checked = false; } else{ aCh[i].checked = true; } } } } </script></head><input id="btn1" type="button" value="全选"/><br><input id="btn2" type="button" value="不选"/><br><input id="btn3" type="button" value="反选"/><br> <div id="div1"> <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> <input type="checkbox"/><br> <input type="checkbox"/><br> <input type="checkbox"/><br> </div></body></html>
0 0
- 全选,反选,不选 小代码
- javascript全选、反选、不选代码
- 全选,反选代码
- js全选,不全选,反选
- 全选 反选 不选
- 全选、反选 不选
- 全选反选代码JS
- 全选,反选,全不选代码
- 全选与反选代码
- 全选,反选,不选,单选
- Jquery 全选 反选 不选
- js实现全选、反选、不选
- jquery实现全选,反选,不选
- JS实现全选、不选、反选
- 原生js全选,反选,不选
- JS实现全选,不选,反选
- JS实现全选、反选、不选
- JS实现全选、不选、反选
- 一天一个小算法--排序之冒泡
- netty-mina深入学习与对比(二)
- 递归与尾递归(C语言)
- 第二天 移动小球
- frame 和 bounds 的关系
- 全选,反选,不选 小代码
- 编写高效的C程序与C代码优化
- SQL 学习笔记
- 博客上支持网友QQ邮箱写信给自己
- 关于java运行环境的几点见解
- JAVA 正则表达式 (超详细)
- 【poj 3009】Curling 2.0 中文题意&题解&代码(C++)
- 如何在Eclipse下查看JDK源代码
- Spring Aop实例