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

Question

这里只需要一点帮助。首先，我的 HTML 如下所示：

<div>
<table id="table" width="100%">
<tr>
    <th><input type="checkbox" />Select All</th>
    <th>A</th>
    <th>B</th>
    <th>C</th>
    <th>D</th>
</tr>
<tr>
    <td><input type="checkbox" /></td>
    <td>A</td>
    <td>B</td>
    <td>C</td>
    <td>D</td>
</tr>
</table>
</div>

在一个页面中还有 5 个这样的表格，我要做的是，当在某个特定的 复选框被选中时表中，仅会选中该特定表中的 复选框。任何有关如何完成此操作的帮助将不胜感激。

Answer 1

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

$("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);
});