js實現(全選)多選按鈕的方法【附實例】

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現(全選)多選按鈕的方法【附實例】

編輯：關於JavaScript

第一種，全部選中：

<html>
 <head>
   <title>復選框checked屬性</title>
   <script language="JavaScript" type="text/javascript">
      function changeState(isChecked)
     {
       var chk_list=document.getElementsByTagName("input");
       for(var i=0;i<chk_list.length;i++)
        {
         if(chk_list[i].type=="checkbox")
          {
           chk_list[i].checked=isChecked;
          }
        }
    }
   </script>
 </head>
 <body>
   <h1>請選擇你的愛好</h1>
   <form name="myForm1">
     <input type="checkbox" name="cb1" checked>看書<br>
     <input type="checkbox" name="cb2" checked>上網<br>
     <input type="checkbox" name="cb3">游戲<br>
   </form>
   <hr>
   <form name="myForm2">
     <input type="checkbox" name="cb" onclick="changeState(this.checked)">全選
   </form>
 </body>
</html>

效果如下：

第二種，選中指定的。

以上這篇js實現(全選)多選按鈕的方法【附實例】就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持。

關於JavaScript

jQuery實現指定區域外單擊關閉指定層的方法【經典】: 本文實例講述了jQuery實現指定區域外單擊關閉指定層的方法。分享給大家供大家參考，具體如下：在頁面
JavaScript生成福利彩票雙色球號碼: 福利彩票的雙色球號碼是由6個紅球號碼和1個籃球號碼組成的，其中，6個紅球號碼是從01到33中隨機抽出
JS原型對象通俗唱法: 1.關於原型對象的重要知識點首先要知道一個很重要的知識點,一句話:所有對象都有原型對象. 2. 對

DIV CSS 佈局教程網

相關文章