javascript - 使用 JQUERY，当单击复选框时，选择全部

Question

看下面的图片。在其中，我有几个表，每个表都有一个复选框，它充当 SelectAll (它尚未实现，必须选择其余的复选框。

这是包含我的 Razor View 的代码。

for (int i = 0; i < Model.Classes.Count; i++) {
<span>@Model.Classes[i].Name</span>
<table class="monitor-class-table">
    <tr>
        <th>
            @Html.CheckBox("selectAll-" + Model.Classes[0].ClassId)
        </th>
        <th>
            Online
        </th>
    </tr>

@for (int j = 0; j < Model.Classes[i].Students.Count; j++) {
    <tr>
        @Html.HiddenFor(model => ...)
        <td>
            @Html.CheckBoxFor(model => model.Classes[i].Students[j].Share)
        </td>
        <td>
            @Html.LabelFor(model => ...)
        </td>
    </tr>
}
</table>

我不太清楚如何开始使用 JQUERY(我想这是最好的选择)。选择和取消选择复选框。

Answer 1

例如，您可以这样做:

$('.select-all').change(function() {
    $('.check').prop('checked', this.checked);
});

这是基本的演示实现 http://jsfiddle.net/dfsq/YtMuh/

如果您手动检查所有行，您还可以自动选中 .select-all 复选框(或者如果至少未选择一行则取消选中):http://jsfiddle.net/dfsq/YtMuh/2/