jQuery选择/取消选择最近表中的所有和单个复选框

Question

我正在开发的应用程序中有基于网格的动态表。

以下代码有效，但我需要添加一些功能：

当前脚本执行以下操作：

1. 脚本会看到第一个复选框。
2. 单击第一个复选框选择/取消选择最近表中的所有复选框。

需要新功能：

1. 脚本会看到第一个复选框。
2. 单击第一个复选框选择/取消选择最近表中的所有复选框。
3. 选择/取消选中表格中的各个复选框

这是jquery：

<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>

Answer 1

好吧，经过长时间的考虑，我想到了这件事：

我在两个不同的复选框中添加了类，并在jquery中引用它们。

$('td input:checkbox.selectAll').click(function(e) {
   var table = $(e.target).closest('table');
     $('td input:checkbox.selectIndividual', table).attr('checked', e.target.checked);
});