javascript - 如何在Jquery上获取所有CheckBoxFor的名称？

Question

这就是我的复选框的样子，因为我使用的是我的 View 中的 Html helpers:

<input data-val="true" data-val-required="The isSelected field is required." id="idstoselect" name="[2].isSelected" type="checkbox" value="true" />
<input name="[2].isSelected" type="hidden" value="false" />

我正在尝试实现全选复选框，但由于其名称格式，我无法选择所有复选框。

我的 Layout View 中有我的 jquery，现在是这样的:

$('#selectall').click(function () {

     //how to select all of them?
});

通常，我可以做类似的事情

$("input[name='onenameforall']").attr("checked",this.checked))

如果我不使用HtmlHelpers，因为我需要手动将名称设置为onenameforall。我需要重新实现吗？我的复选框位于 [2].isSelected 数组中。我正在考虑获取模型的大小，然后从中创建一个 for 循环，但我的函数位于布局 View 内。

Answer 1

您可以使用选择所有复选框

$('#selectall').click(function () {
    $('input[type="checkbox"]').prop('checked', $(this).is(':checked'));
});

或者，为循环中生成的复选框指定类名

@Html.CheckBoxFor(m => m[i].isSelected, new { @class = "mycheckbox" })

在脚本中

$('#selectall').click(function () {
    $('.mycheckbox').prop('checked', $(this).is(':checked'));
});