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

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

方式/步调

1. 1

   起首建立一个html5的文件 ，然后在title题目标签中添加题目“javascript完当作全选和全不选“。

   
2. 2

   然后在html中body标签下添加响应的内容本家儿体。本家儿如果建立一个表格，然后在表格中添加多选框。

   
3. 3

   然后操纵浏览器运行一下这个html文件，可以看到初步的结果如下。

    这时辰你选全选，可是结果是没法实现的。因为你还没添加相关的javascript功能语句。

   
4. 4

   接下来我们在全选框中绑心猿意马点击事务,在全选/全不选的阿谁input标签中添加

   onclick="checkAll()"

   
5. 5

   然后我们在<script></script>标签对下添加javascript代码，完当作checkAll()方式。

   
6. 6

   在checkAll()方式中完当作如下功能：1.经由过程id获取全选/全不选框的元素标签。2.能过getElementsByName(“name”)获得类数组。3.判定全选/全不选的框的状况。

   若是是勾选状，那么就将下面框全改当作勾选状。不然就是改当作全不选。

   
7. 7

   此时再次操纵浏览器运行这个html，可以看到已经完当作全选/全不选的功能。