采用dom实现复选框全选、取消效果
2016-04-25 20:34
302 查看
<form action=""> 爱好:<br/> <input type="checkbox" id="all">全选<br/> <input type="checkbox" name="hobby" value="唱歌">唱歌 <input type="checkbox" name="hobby" value="跳舞">跳舞 <input type="checkbox" name="hobby" value="学习">学习 <input type="checkbox" name="hobby" value="玩耍">玩耍<br/> <button id="choice" value="选择">选择</button> </form> <script> window.onload = function(){ document.getElementById("all").addEventListener("click",function(){ var a = document.getElementById("all"); var b = document.getElementsByName("hobby"); for(var i=0;i< b.length;i++) { b[i].checked = a.checked; } },false) } </script>
相关文章推荐
- HDU-1087 Super Jumping! Jumping! Jumping!( DP )
- ElasticSearch Search API 简介
- render用法
- Solr安装笔记
- mysql基础(三)
- 科技辅导员,信息化助力成长
- git status中很多带#的untrack文件
- textarea中文提交乱码问题解决
- SetThreadContext注入DLL
- scanf那些事
- (2.2.9.3)groovy的闭包
- 复杂网络数据网站+程序代码网站
- C++预编译头文件(#include "stdafx.h")
- web.xml文件详解
- LeetCode------Delete Node in a Linked List
- 杭电 1231 1003 最大连续子序列
- 如何使用Linux的Crontab定时执行PHP脚本的方法
- (2.2.9.2)Groovy 中的数据类型
- HBase总结(十二)Java API 与HBase交互实例
- map和reduce 个数的设定 (Hive优化)经典