多选之全选和反选
来源:互联网 发布:网易足球数据 编辑:程序博客网 时间:2024/05/20 15:38
多选之全选和反选
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> window.onload = function(){ selAll = document.getElementById("selAll"); hobbys = document.getElementsByName("hobby"); fx = document.getElementById("fx"); //全选事件 selAll.onclick = function(){ //全选 if(selAll.checked == true){ for(var i=0;i<hobbys.length;i++){ hobbys[i].checked = true; } }else{ for(var i=0;i<hobbys.length;i++){ hobbys[i].checked = false; } } } //反选 fx.onclick = function(){ for(var i=0;i<hobbys.length;i++){ var b=hobbys[i]; if(b.checked == true){ b.checked = false; }else{ b.checked = true; } } } } </script> </head> <body> <input type="checkbox" name="" id="selAll"/>全选 <input type="checkbox" name="" id="fx" />反选 <br /> <input type="checkbox" name="hobby" />篮球 <input type="checkbox" name="hobby" />足球 <input type="checkbox" name="hobby" />排球 <input type="checkbox" name="hobby" />乒乓球 <input type="checkbox" name="hobby" />羽毛球 </body> </html>
阅读全文
0 0
- 多选之全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- checkbox全选,反选和取消全选
- checkbox全选和反选
- javascript全选和反选
- 全选、全不选和反选
- select 全选和反选
- js全选和反选
- javascript全选和反选
- js全选和反选
- JAVA接口声明
- hdu 3516(四边形优化dp)
- python--统计列表中不同元素的数量
- 《程序设计入门—Java语言.翁恺》第三周编程作业(2)-数字特征值
- Recovery启动流程(2)---UI界面
- 多选之全选和反选
- Minimum SDK、Target SDK、Compile SDK区分
- Java 内存分析
- Can't connect to 'localhost' on port 3306
- 移动端常见bug(2)
- java---IO
- jquery封装ajax的post请求
- 圆类
- Reverse Linked List