如何实现Jquery复选框选中全部/取消选中带有复选框的所有功能？
以利
我在一个循环中有一个复选框，希望使用jquery进行全部检查并取消选中。我已经实现了一个Jquery check all和uncheck all功能，但是，它仅在选中标记为checkbox的checkall后才检查循环中的第一个checkbox。我将如何正确实现呢？代码如下所示。谢谢。
看法：
<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>
输出：
开发室
您正在创建具有相同ID的每个复选框：
id="student_id"
ID在整个页面上应该是唯一的。
相反，将其更改为一个类，例如，class="student_id"并更改选择器以查找该类：
$(".student_id").prop('checked', $(this).prop('checked'));
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
选中/取消选中表中的所有复选框
- 2
jQuery-选中所有/取消选中所有复选框-然后取消选中（或选中）其他复选框
- 3
jQuery设置所有复选框选中
- 4
Angular：如何取消选中带有链接的所有复选框？
- 5
jQuery复选框选中和取消选中悬停
- 6
jQuery / JavaScript：选中所有复选框并选中每个复选框以显示div
- 7
取消选中“全部选中”复选框
- 8
如果选中了一个复选框，如何取消选中所有复选框？
- 9
如何在单个复选框事件中选中/取消选中所有asp.net复选框？
- 10
Angular 2复选框选中所有
- 11
Angular 2复选框选中所有
- 12
取消选中带有条件的复选框
- 13
如何使用JavaScript / jQuery选中/取消选中带有复选框的选择选项？
- 14
选中/取消选中所有复选框
- 15
选中所有子复选框后，如何选中“全选”复选框？
- 16
单击并取消选中带有计数的复选框
- 17
选中/取消选中复选框jQuery
- 18
Angular：如何取消选中带有链接的所有复选框？
- 19
jQuery隐藏复选框选中，但不取消选中
- 20
选中/取消选中jQuery中的所有复选框
- 21
无法取消选中带有回发的复选框
- 22
选中/取消选中所有复选框
- 23
如何在单个复选框事件中选中/取消选中所有asp.net复选框？
- 24
取消选中带有条件的复选框
- 25
如何使用复选框创建“全部选中/取消选中”？
- 26
Javascript复选框取消选中所有作品，但不选中全部
- 27
选中或取消选中所有启用的复选框
- 28
Jquery - 单击复选框时取消选中所有复选框
- 29
jQuery复选框选中取消选中问题
我来说两句