JS實作CheckBox複選框全選全不選功能_javascript技巧

 CheckBox控制項就是我們一般所說的複選框，通常用於某個選項的開啟或關閉。大多數應用程式的「設定」對話方塊內均有此控制項。我們看到的可以打勾的就是CheckBox。

　　此控制項表示一個特定的狀態（即選項）是選定 (on，值為1) 或清除 (off，值為0)。在應用程式中使用該控制項為使用者提供「True/False」或「yes/no」的選擇。因為 CheckBox 彼此獨立工作，所以使用者可以同時選擇任意多個 CheckBox，進行選項組合。

    CheckBox複選框JS實作全選全不選功能,很簡單，就只要插入一小段js函數就行了。 。 。

<script language="javascript">
 function  cli(Obj)
 {
 var collid = document.getElementByIdx_x("all")
 var coll = document.getElementsByName(Obj)
 if (collid.checked){
   for(var i = 0; i < coll.length; i++)
    coll[i].checked = true;
 }else{
   for(var i = 0; i < coll.length; i++)
    coll[i].checked = false;
 }
 }
 </script>

下面是一組CheckBox複選框html程式碼

<input name='多选项名称' type='checkbox' value='' id="all" onclick="cli('多选项名称');"> 全选
<input name='多选项名称' type='checkbox' value='' > A
<input name='多选项名称' type='checkbox' value='' > B
<input name='多选项名称' type='checkbox' value='' > C
<input name='多选项名称' type='checkbox' value='' > D
<input name='多选项名称' type='checkbox' value='' > E
<input name='多选项名称' type='checkbox' value='' > F

好了，你可以複製一下以上的程式碼，修改測試一下。 。 。

以上所述就是本文的全部內容了，希望大家能夠喜歡。