如何实现Jquery复选框选中全部/取消选中带有复选框的所有功能？

Posted 2021-04-29

我在一个循环中有一个复选框，我想使用jquery全部选中并取消选中所有复选框。我已经实现了一个Jquery全部检查并取消所有检查功能，但是，它仅在检查标记为checkbox的checkall后才检查循环中的第一个复选框。我将如何正确实现呢？代码如下所示。谢谢。

查看：

<div><input type="checkbox" class="check_all"> Check all</div>
  <?php
      $cnt=0;
   echo form_open('students/del_student/'.$tennant_id);
    foreach($data_student as $row)
    {
      $cnt++;
      echo"<input type='hidden' name='course_occasion_id'   value=".$row->course_occasion_id.">";
      ?>
       <address>

     <div class="row-fluid">
      <div class="span2"><input type='checkbox' name='student_id[]'id="student_id" value="<?php echo $row->id;?>"  ></div>
      <div class="span4"><?php echo anchor("students/student/$row->id/$tennant_id",$row->first_name);?></div>
      <div class="span4"><?php echo $row->last_name;?> </div>
      <div class="span2"><?php echo $row->status;?> </div>
     </div>
     </address>
    <?php
     }
     ?>

javascript：

 <script type="text/javascript">

   $('.check_all').on('click', function () {


    $("#student_id").prop('checked', $(this).prop('checked'));


   });
  </script>

输出：

“ >>

我在一个循环中有一个复选框，我想使用jquery全部选中并取消选中所有复选框。我实现了一个Jquery全部检查并取消所有检查的功能，但是，它只检查...

答案

您正在创建具有相同ID的每个复选框：

另一答案

id在文档中必须是唯一的。

另一答案

改为使用id = name [CS]。因为class = cdata-list [CS]是唯一的

另一答案

下面的javascript有助于在循环中取消选中所有复选框选项。