怎么使用javascript完成全选和全不选功能

下面是html文中利用js(javascript)完当作全选和全不选的功能，具体可以看如下炳同窗的图文记实。

方式/步调

1
起首建立一个html5的文件，然后在title题目标签中添加题目“javascript完当作全选和全不选“。
2
然后在html中body标签下添加响应的内容本家儿体。本家儿如果建立一个表格，然后在表格中添加多选框。
3
然后操纵浏览器运行一下这个html文件，可以看到初步的结果如下。
这时辰你选全选，可是结果是没法实现的。因为你还没添加相关的javascript功能语句。
4
接下来我们在全选框中绑心猿意马点击事务,在全选/全不选的阿谁input标签中添加
onclick="checkAll()"
5
然后我们在<script></script>标签对下添加javascript代码，完当作checkAll()方式。
6
在checkAll()方式中完当作如下功能：1.经由过程id获取全选/全不选框的元素标签。2.能过getElementsByName(“name”)获得类数组。3.判定全选/全不选的框的状况。
若是是勾选状，那么就将下面框全改当作勾选状。不然就是改当作全不选。
7
此时再次操纵浏览器运行这个html，可以看到已经完当作全选/全不选的功能。