如何一次點擊選擇所有複選框？

Question

我試圖選擇所有的複選框的值點擊，我已經在另一個項目中使用了同樣的事情在幾個月前，它工作正常，但現在它不工作，我給你使用完整的代碼由我， 這裏是代碼：....

<tbody> 
<span style="margin-left:0px;">Select All &nbsp; <input type="checkbox" name="foo" onClick="checkall(this)">&nbsp;&nbsp;<input type="submit" value="delete" name="delete"></span>    
<?php 
if ($allTemplates > 0): $sr = '1'; 
    while ($row = mysql_fetch_array($allTemplates)): 

     ?>   
     <tr> 
      <td class="text-center"><input type="checkbox" name="foo[]" value="<?php echo $row['id']; ?>" /><?php echo $sr; ?>. </td> 
      <td class="hidden-phone" style='text-align:center;'><?php echo $row['on_date']; ?></td> 
      <td class="hidden-phone" style='text-align:center;'><a href="javascript:Show('#.php?id=<? echo $row['template_id']?>')"><?php echo $row['template_id']; ?></a></td>       
      <td class="hidden-phone"><?php echo ucfirst($row['title']); ?></td> 
      <td class="hidden-phone" style='text-align:center;'><a href="javascript:Show('profile_lady.php?id=<? echo $row['user_id']?>')"><?php echo $row['user_id']; ?></a></td> 
      <td class="hidden-phone" style='text-align:center;'><?php echo ucfirst($record['fname']) . ' ' . $record['lname']; ?></td> 
     </tr> 
     <?php 
     $sr++; 
    endwhile; 
endif; 

?> 
</tbody> 

這裏是我使用的功能...

<script language = "JavaScript" > 
    function checkall(source) { 
     checkboxes = document.getElementsByName('foo[]'); 
     for (var i = 0, n = checkboxes.length; i < n; i++) { 
      checkboxes[i].checked = source.checked; 
     } 
    } 
</script> 

請幫助我，如果您有任何解決方案....

Answer 1

試試這個

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

Answer 2

這個替換您的javascript：

<script language="JavaScript"> 
function checkall(source) { 
    checkboxes = document.getElementsByName('foo[]'); 
    for(i=0,i< checkboxes.length;i++) { 
    checkboxes[i].checked = source.checked; 
    } 
    }</script> 

Answer 3

你可以試試這個：

<script language="JavaScript"> 
function checkall(source) { 
    checkboxes = document.getElementsByName('foo[]'); 
    if (checked == false) { 
     checked = true 
    } 
    else { 
     checked = false 
    } 
    for(var i=0, n=checkboxes.length;i<n;i++) { 
     if(checkboxes[i].type== 'checkbox') { 
      checkboxes[i].checked = checked; 
     } 
    } 
</script>