javascrip全选效果之学习笔记

我要做的效果就是当我们打开页面时就自动把所有checkbox选中,原理是:先获取所有type为\’input \’的元素,然后各全选的那个选项添加点击事件。如果全选项被经被选中,则通过循环使得每个元素的\’checked\’属性变为true,否则变成false.

document.getelementbyid(‘ ‘)是某个元素的id特性来获取某个指定的元素,返回的是一个对象。document.getelementbyid(‘ ‘) 是根据控件tag(type属性)获取这个控件对象,返回的是一个对象数组;

要实现一个全选的效果,得先定义一组选项。

代码如下

全选

接下利用javascript来实现效果。教程中的效果是只能点全选时全部选中,如果再点全选就不能全部反选,这里我通过自己的理解,加入了这个功能

代码如下

Posted in 未分类