简单的全选与反选
来源:互联网 发布:linux命令行在哪 编辑:程序博客网 时间:2024/05/28 16:04
直接上代码
<!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" />全选 <button id="fx">反选</button> <br> <input type="checkbox" name="hobby" />篮球 <input type="checkbox" name="hobby" />足球 <input type="checkbox" name="hobby" />乒乓球 <input type="checkbox" name="hobby" />羽毛球 </body></html>
阅读全文
0 0
- 简单的全选与反选
- 全选与反选
- 全选与反选
- 全选与反选
- js版本的全选与反选
- 复选框的全选与反选
- 服务器控件的全选与反选
- JQuery中全选与反选的
- 常用的全选与反选
- GridView的全选与反选
- vue的全选与反选
- 比较完美的全选与反选
- 关于多选框的全选与反选
- 简单全选,反选,删除
- 用javascript做的简单复选框的全选与反选
- 利用jquery实现简单的全选,反选与不选
- 实现全选与反选
- js全选与反选
- 分布式、微服务、云架构
- JS请求webservice/webapi报错:response for preflight is invalid
- [欧拉回路] 「Balkan OI 2016」Acrobat
- java_多线程_socket通信_多个客户端发送,服务器响应
- Effective C++
- 简单的全选与反选
- 量真价实才可靠
- 欢迎使用CSDN-markdown编辑器
- 关于Electron的安装
- 278. First Bad Version
- Python 模拟鼠标事件
- Shiro 授权实现
- 给numpy矩阵添加一行或一列
- Django入门-6:视图-状态保持