php - 如何在选中父复选框时选择/取消选择循环中生成的所有复选框

Question

<script>
    $(function(){
    $('.parent').on('click',function(){
    $(this).find('.child[]').attr('checked',this.checked);
    });
});
</script>
<table>
  <thead>
    <tr>
      <th>S No.</th>
      <th><input type="checkbox" name="select1" id="select1" class="parent" /></th>
      <th>Title</th>
      <th>End Date</th>
      <th>Action</th>
      <th>Deal Type</th>
      <th>Status</th>
    </tr>
  </thead>   
  <tbody>
    <tr>
    <?php $sql="select * from table_name where id='$id'";
      $result=mysql_query($sql); 
      $sn=1;
      while($show=mysql_fetch_array($result))
      { 
          $student=$show['student'];

      ?>
      <td><?php  echo $sn; ?></td>
      <td><?php echo "<input type='checkbox' name='check[]' class='child[]' id='check[]' value='".$student."'/>"; ?></td>
      <td>enddate</td>
      <td>View</td>
      <td>Edit</td>                                            
      <td>Delete</td>
      <td>xyz</td>
    </tr>
    <?php $sn++ }}?>

这里，checkbox-name=select1 不在循环中，它是父复选框。 checkbox-name=check 实际上是一个复选框数组以及来自数据库的数据。如果数据库中有 10 个条目，则会出现 10 个复选框。我希望如果我选中父复选框，那么无论您可以说出多少数字，都应该选中所有复选框，就像 gmail 一样。另外请告诉在哪里放置 javascript/jquery。谢谢您的回答。

Answer 1

点击回调中的 this 将引用复选框本身。因此 $(this).find('.child[]') 将找不到任何元素。

另请注意，class="index[]" 不适用于 jQuery，因此您需要将其更改为 class="index"。您可以保留 name="index[]" 不变。

如果您想查找父表范围内的元素(从而允许您拥有(取消)全部检查的多个结构)，您可以使用:

$(function(){
  $('.parent').on('click',function(){
      $(this).parents('table').find('.child').attr('checked',this.checked);
  });
});

如果您只想查找文档中的所有子节点，您可以使用:

$(function(){
  $('.parent').on('click',function(){
      $('.child').attr('checked',this.checked);
  });
});

亲切的问候，

阿努德