javascript实现复选框全选和取消代码分析
2016-01-22
0
javascript实现复选框全选和取消代码分析:
复选框是常用的元素之一,而点击实现全选和取消全选又是最为常用的功能,特别是在批量操作管理中,非常的方便,下面就通过代码实例介绍一下如何实现此效果,代码实例如下:
复选框的全选和取消代码-蚂蚁部落 全选以上代码实现了我们的要求,当点击顶部复选框的时候能够全选和取消全选所有的复选框,下面介绍一下实现过程:
一.实现原理:
原理比较简单,当点击顶部复选框的时候,此复选框注册的事件处理函数可以判断此时复选框是否被选中,如果被选中的话,通过for循环遍历所有的复选框,然后将每一个复选框设置为选中,并且将span中的内容设置为取消,反之同样的道理。
二.相关阅读:
1.getElementsByName()函数可以参阅getElementsByName()方法的用法一章节。
2.checked属性可以参阅javascript的checkbox.checked属性一章节。
3.innerHTML属性可以参阅js的innerHTML属性的用法一章节。