JavaScript前端全选和反选
来源:互联网 发布:软件信息服务业是 编辑:程序博客网 时间:2024/06/05 10:29
<!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前端全选和反选
- javascript全选和反选
- javascript全选和反选
- Javascript:全选和反选
- 用Javascript实现全选和反选
- JavaScript 复选框全选和反选
- javascript全选 反选
- javascript 全选 反选
- javascript全选反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 全选和反选
- 拟合工具箱的几个误差参数说明,SSE,MSE,RMSE,R-square
- (5)学习SpringBoot 之 jsp
- 笛卡尔树
- Webpack之入口起点(Entry Points)学习笔记(2)
- 解决RadioButton 在某些机器上不能居中显示
- JavaScript前端全选和反选
- ajax的返回参数如何增加获取
- WebRTC学习与DEMO资源一览
- opencv3.0+opencv_contrib安装
- ajax常用代码
- 算法:解救小易
- Java多态性理解
- opencv关于椭圆检测
- sublime text3支持中文编码