使用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; 
     } 
    } 
}