js中复选框的多选与反选
来源:互联网 发布:二十八星宿正确算法 编辑:程序博客网 时间:2024/06/05 06:50
<!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中复选框的多选与反选
- js实现复选框的全选与反选
- js实现复选框的全选与反选
- Jsp中复选框的全选与反选
- 复选框的全选与反选
- js中 关于复选框的多选和反选
- js的复选框的全选、反选、展开、收缩
- js-复选框的全选,反选,不选
- js复选框的全选,多选,全选,全不选,反选
- js复选框全选,全不选及反选的实现
- JS复选框的全选和反选
- js 复选框的全选,全不选,反选等操作
- JS 复选框 全选 反选
- js 根据数据反选复选框
- js--复选框--全选、反选、取消
- 实现复选框的全选与反选
- jquery实现复选框的全选与反选
- checkbox复选框的全选与反选
- jquery 选择器 之 模糊匹配
- Contrast GAN--- 实现CycleGAN无法实现的“眼一瞎, 猫变狗”,“手一抖,单车变摩托”
- java 浅析跨域问题以及如何使用Cors解决前后端分离部署项目所遇到的跨域问题
- spring mvc接受前台formdata 文件后台无法接收到文件
- SQL 常用语法语句!
- js中复选框的多选与反选
- 强,弱类型小结
- Eclipse转IDEA所遇到的问题和解决方法
- symmetric-tree
- LSTM cell结构的理解和计算
- Java虚拟机小结
- Kotlin 学习笔记之 Long 的坑。BUG 乎?
- 【Android】Adroid开发之判断一个自己的apk是否已经签名
- openshift s2i 过程详解