复选框切换 select 全部/取消选择所有问题
[英]checkbox toggle select all/unselect all problem
问题描述
嗨，我找到了一个脚本，它使用复选框到 select 全部/取消选择所有复选框，我在这里找到了一个工作示例http://jsfiddle.net/ThiefMaster/HuM4Q/
问题是当我试图将它集成到我自己的 html 时。 它不再起作用了，这是我的代码：
javascript：
<head>
<script>
$('#checkAll').click(function() {
if(this.checked) {
$('input:checkbox').attr('checked', true);
}
else {
$('input:checkbox').removeAttr('checked');
}
});
$('input:checkbox:not(#checkAll)').click(function() {
if(!this.checked) {
$('#checkAll').removeAttr('checked');
}
else {
var numChecked = $('input:checkbox:checked:not(#checkAll)').length;
var numTotal = $('input:checkbox:not(#checkAll)').length;
if(numTotal == numChecked) {
$('#checkAll').attr('checked', true);
}
}
});
</script>
</head>
这些是我的 html：
<h2>Courses</h2>
<?php
$attributes = array('name' => 'list','id' => 'form' );
echo form_open('courses/edit',$attributes);?>
<table class="data display datatable" id="example">
<thead>
<tr>
<th>ID</th>
<th>Title</th>
<th>Description</th>
<th>Units</th>
<th>Notes</th>
<th><input type="checkbox" id="checkAll"></th>
</tr>
</thead>
<tbody>
<?php foreach($query->result_array() as $row): ?>
<tr class="even gradeC">
<td><?php echo anchor('courses/details/'.$row['courseID'],$row['courseID']);?></td>
<td><?php echo $row['courseTitle'];?></td>
<td><?php echo $row['courseDesc'];?></td>
<td><?php echo $row['courseUnits'];?></td>
<td><?php echo $row['courseNotes'];?></td>
<td><input type="checkbox" name="checkID[]" id="checkID" value="<?php echo $row['courseID'];?>"/></td>
</tr>
<? endforeach; ?>
</tbody>
</table>
2 个解决方案
解决方案1
0 2011-06-07 03:37:51
尝试修复此行：
<td><input type="checkbox" name="checkID[]" id="checkID" value="<?php echo $row['courseID'];?>"/></td>
id 属性应该是唯一的，例如，只有一个元素的 id 应该是“checkID”，而不是每一行。 尝试完全删除该属性或使其对每一行都唯一，以查看您的 javascript 是否自行排序。
此外，您需要在头顶有这样一行：
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.4.min.js'></script>
解决方案2
0 2011-06-07 03:38:14
该脚本使用 jQuery。 确保在页面中包含 jQuery 脚本。
如何在php中实现“全选/取消全选”复选框？
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.