怎么使用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，可以看到已經完當作全選/全不選的功能。