最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
基于JavaScript实现全选、不选和反选效果
时间:2017-04-10 编辑:简简单单 来源:一聚教程网
代码如下 | 复制代码 |
window.onload = function(){ // 获取所有的按钮 var btns = document.getElementsByTagName("button"); // 获取所有的选项input var inputs = document.getElementsByTagName("input");
// 全选或者不选的时候 调用此函数 function fun(flag){ for (var i=0; i inputs[i].checked=flag; } } //获取第一个按钮 “全选” btns[0].onclick=function(){ fun(true); } // 获取第二个按钮 "不选" btns[1].onclick=function(){ fun(false); } // 获取第三个按钮 “反选” btns[2].onclick=function(){ // 遍历所有的选项,判断每一个选项是否被选中 for (vari=0;i inputs[i].checked == true ? inputs[i].checked=false: inputs[i].checked=true; } } }
|
效果展示:
-
下一个: jq给页面添加覆盖层遮罩的实例
相关文章
- 无线网连接提示没有有效的IP配置解决方法 03-08
- javascript实现下雨效果 07-28
- javascript实现圣旨卷轴展开效果(代码分享) 07-20
- JavaScript实现星星等级评价功能 07-14
- javascript实现滑动解锁功能 07-14
- 十大热门的JavaScript框架和库 07-13