javascript实现全选/取消全选,反选/取消反选
2016-01-05 15:19
731 查看
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>全选/取消全选,反选/取消反选</title> </head> <body> </p> <p><input type="checkbox" id="selectAll">全选/取消全选<input type="checkbox" id="investselect">反选/取消反选</p> <p> <input type="checkbox" name="checkmost"> <input type="checkbox" name="checkmost"> <input type="checkbox" name="checkmost"> <input type="checkbox" name="checkmost"> <input type="checkbox" name="checkmost"> <input type="checkbox" name="checkmost"> </p> <script> window.onload=function(){ var targets=document.getElementsByName("checkmost"), selectAll=document.getElementById("selectAll"), investselect=document.getElementById("investselect"); selectAll.onclick=function(){ loop(targets,"all",this); } investselect.onclick=function(){ loop(targets,"invest",this); } } function loop(objs,flag,that){ var select=null; for(var i= 0,length=objs.length;i<length;i++){ switch(flag) { case "all": select=that.checked; break; case "invest": select=!objs[i].checked; break; } objs[i].checked=select; } } </script> </body> </html>
相关文章推荐
- 基于JSON数据HTML5视频播放器js插件教程
- JSONP和ajax的跨域调用
- fastjson使用(四) -- 反序列化
- jsp页面或者后台当前日期加减
- javascript DOM
- 【C#】【JSON】JSON转C#的写法(含嵌套对象)
- js截取文件的名称
- Extjs 4 Grid 嵌套
- Extjs3 grid 嵌套
- xStream完美转换XML、JSON
- D3.js--动态树
- Html5基于SVG的扁平风格圆形进度条javascript插件教程
- js 多个倒计时,毫秒倒计时
- javascript限制复选框最多选中几项
- JavaScript中的setInterval用法
- JS日期+1格式化成yyyy-MM-dd
- JavaScript拾漏之变量作用域
- js 字符串换行,指定长度,指定符号
- 在jsp页面中使用list列表来传递信息到action
- JavaScript_在什么位置编写 JS 代码