jQuery / Javascript：选中所有复选框，但仅限于特定表中

在这需要一些帮助。 首先，这是我的HTML的样子：

 
 
 
Select All
 
A
 
B
 
C
 
D
 
 
 
 
A
 
B
 
C
 
D
 
 
  

在一个页面中还有5个这样的表，我要做的是当在某个表上勾选

复选框时，只检查该特定表中的

复选框。 任何有关如何做到这一点的帮助将不胜感激。

Answer 1

您可以将change事件处理程序绑定到作为th元素的后代的所有复选框，然后选中作为最近table后代的所有复选框：

 $("th :checkbox").change(function() { $(this).closest("table").find(":checkbox").prop("checked", true); }); 

这是一个包含2个表的工作示例 。 如果你希望th中的复选框也取消选中所有其他复选框，那么你可以使用prop的第二个参数（感谢@SalmanA）来执行此操作：

 $("th :checkbox").change(function() { $(this).closest("table").find(":checkbox").prop("checked", $(this).is(":checked")); }); 

Answer 2

使用下面的jquery

 $('input[Type="checkbox"]', $('#tableID')).prop("checked", true); 

Answer 3

 $('#table input:checkbox').prop('checked', true); 

为th标签中的每个复选框绑定此事件（如James Allardice的答案）

 $('th :checkbox').change(function() { $(':checkbox', $(this).closest('table')).prop('checked', true); });