复选框的全选和反选
来源:互联网 发布:flac转wav软件 编辑:程序博客网 时间:2024/06/04 19:40
这里写代码片代码如下:<!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
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框全选、全不选和反选
- 全选和反选复选框
- JavaScript 复选框全选和反选
- 复选框全选和反选例子
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- 实现复选框的全选和反选
- 复选框全选、全不选和反选的效果实现
- 递归算法转换为非递归算法的技巧
- post请求带公共参数
- HashMap的工作原理
- 一个马克|html常用颜色名
- PHP删除磁盘文件
- 复选框的全选和反选
- 机器人是如何学会和你愉快聊天的
- IIS服务没有及时响应启动或控制请求|无法启动world wide web Publishing
- ASP.NET Web Forms
- Tensorflow教程学习笔记(一)----将自己的数据集转换成TFRecord
- 权限
- 关于hibernate急迫加载问题(多重外键关联)
- 在UI设计中经常用到颜色选择,下面给出名称列表
- Android 相关七种CPU架构适配