js中如何實現多個復選框全選

新建一個html文件，定名為test.html，用于實現多個復選框全選的功能。

在test.html頁面，利用input標簽新建多個復選框，并設置input的name屬性為chk，用于下面步調獲得復選框對象。

再利用input標簽新建一個checkbox，并綁心猿意馬onclick點擊事務，用于點擊實現全選、反選的功能，代碼如下：

當點擊全選/反選時，利用onclick事務觸發去執行sel()函數，在sel函數內編寫全選、反選的邏輯。

在onclick點擊事務內，把復選框的name屬性值傳給函數sel()，在sel()函數經由過程document.getElementsByName獲得所有的復選框對象。

經由過程for輪回，對每個復選框進行選中或不選中操作。利用event.srcElement.checked獲得復選框的原始狀況，并賦值給當前復選框，實現全選、反選的功能。

在瀏覽器運行test.html文件，查抄是否實現全選與反選功能。

0 條評論