jQuery选择/取消选择最近表中的所有复选框和单个复选框
我正在开发的应用程序中有基于动态网格的表 以下代码可以工作,但我需要添加一些功能: 当前脚本执行以下操作:jQuery选择/取消选择最近表中的所有复选框和单个复选框,jquery,Jquery,我正在开发的应用程序中有基于动态网格的表 以下代码可以工作,但我需要添加一些功能: 当前脚本执行以下操作: 脚本看到第一个复选框 单击第一个复选框选择/取消选择最近表中的所有复选框 需要新功能: 脚本看到第一个复选框 单击第一个复选框选择/取消选择最近表中的所有复选框 选择/取消选择表中的单个复选框 以下是jquery: <script type="text/javascript"> $(document).ready(function(){ //this code works f
<script type="text/javascript">
$(document).ready(function(){
//this code works for select ALL, but not individual checkbox select/deselect;
$('td input:checkbox').click(function(e) {
var table = $(e.target).closest('table');
$('td input:checkbox', table).attr('checked', e.target.checked);
});
});
</script>
$(文档).ready(函数(){
//此代码适用于全选,但不适用于单个复选框选择/取消选择;
$('td input:checkbox')。单击(函数(e){
var table=$(e.target).closest('table');
$('td input:checkbox',table).attr('checked',e.target.checked);
});
});
好的,我用了很长时间才弄明白:
我将类添加到两个不同的复选框中,并在jquery中引用它们
$('td input:checkbox.selectAll').click(function(e) {
var table = $(e.target).closest('table');
$('td input:checkbox.selectIndividual', table).attr('checked', e.target.checked);
});
我对这个问题有点不清楚。当前用户不能仅通过单击表中的复选框来选择/取消选择表中的单个复选框吗?或者,第一个复选框是否应该更改以支持三种状态…全选/全选/保留最初设置的复选框首选项?第一个复选框选择/取消选择表中的所有复选框。在当前代码(如上)中,不能取消选择或仅选择其中一个复选框。单击任何行中的任何单个复选框都将再次选中/取消选中该表中的所有复选框。要重新表述问题:我希望jquery:1)有一个复选框来选中/取消选中特定表(.closest)中的所有复选框。2) 您可以选择/取消选择表中的单个复选框。