使用javascript的onclick檢查複選框？

Question

我陷入了一個非常愚蠢的問題。我試圖選擇我使用表中的循環動態創建的所有複選框。在表格的頭部我有一個複選框，我想在點擊頭部的複選框後選中表格中的所有複選框。 這是我的代碼。

<table> 
     <thead> 
     <tr> 
     <th class="spacer_100 align_ctr tooltip_trigger"> 
     Change Status <input type="checkbox" name="sample" onclick="selectAll()"> 
     </th> 
     </tr> 
     </thead> 
     <tbody> 

      <?php foreach ($users as $user) { ?> 
      <tr> 
      <td class="align_ctr" style="text-align: center"> 
      <input type="checkbox" name="current_status[]" value="1"/> 
      </td> 
      </tr> 
      <?php } ?> 
     </tbody> 
    </table> 

下面是javascript代碼：

function selectAll() { 
     var checkboxes = document.getElementsByTagName("input"); 
     for(var i=1; i<checkboxes.length;i++) { 
     if (checkboxes[i].type == 'checkbox') { 
     checkboxes[i].checked = 'true'; 
     } 
     } 
    } 

我不知道什麼是錯的這個代碼，我不能夠選擇複選框。

感謝

Answer 1

它工作正常，但您的代碼：

var checkboxes = document.getElementsByTagName("input"); 

選擇主複選框爲好，儘量做：

var checkboxes = document.getElementsByTagName("input"); 
for(var i=0; i<checkboxes.length;i++) { //start from 0 
    if (checkboxes[i].type == 'checkbox' && checkboxes[i].name == 'current_status[]') { 
     checkboxes[i].checked = 'true'; 
    } 
} 

Answer 2

如何試試這個代碼？

更改爲

Change Status <input type="checkbox" name="sample" onclick="selectAll(this)"> 

和下面的函數

function SelectAll(CheckBoxControl){ 
    var i; 
    for (i=0; i < document.forms[0].elements.length; i++){ 
     if ((document.forms[0].elements[i].type == 'checkbox') && 
     (document.forms[0].elements[i].name.indexOf('current_status[]') > -1)){ 
     document.forms[0].elements[i].checked = CheckBoxControl.checked; 
     } 
    } 
}