Javascript 启用ASP.NET核心上的js复选框列表

在我的应用程序ASP.NET Core中，我将一个复选框列表传递给我的视图

在我看来，我制作了一个javascript函数来选择所有复选框和取消选择所有复选框

选中复选框后，我将发送表单。但在我的控制器中，选中了任何复选框

谢谢你的帮助

Javascript函数

function selectAllCompta() {
 var items = document.getElementsByName('myCheckBox');
 var cb = document.getElementById('cbSelectAll');
 var txt = document.getElementById('txtCb');

 if (cb.checked) {
    for (var i = 0; i < items.length; i++) {
        if (items[i].type == 'checkbox')
            items[i].checked = true;
    }
    txt.textContent = 'Déselectionner tout';
 }
 else {
    for (var i = 0; i < items.length; i++) {
        if (items[i].type == 'checkbox')
            items[i].checked = false;
    }
    txt.textContent = 'Sélectionner tout';
 }
}

函数selectAllCompta（）{
var items=document.getElementsByName（'myCheckBox'）；
var cb=document.getElementById（'cbSelectAll'）；
var txt=document.getElementById（'txtCb'）；
如果（cb.选中）{
对于（变量i=0；i

View.cshtml

 <input class="form-control" type="checkbox" id="cbSelectAll" 
 onclick='selectAllCompta()' />
 <h4 id="txtCb">Sélectionner tout</h4>
 <input asp-for="CBC[i].Selected" name="myCheckBox" type="checkbox" 
 class="form-control" />

塞纳兜售

由于我不知道您的视图模型或html标记，下面的代码供您参考：

型号：

public class MyViewModel
{
    public List<Item> CBC { get; set; }
}

public class Item
{
    public int Id { get; set; }
    public string Name { get; set; }
    public bool Selected { get; set; }
}

---

谢谢你，这对我有帮助！

<form asp-action="GetValue" asp-controller="Home" method="post">
    <input class="form-control" type="checkbox" id="cbSelectAll"
        onclick='selectAllCompta()' />
    <h4 id="txtCb">Sélectionner tout</h4>
    <ul>
        @for (var i = 0; i < Model.CBC.Count; i++)
        {
            <li>
                <input type="checkbox" asp-for="@Model.CBC[i].Selected" />
                <label asp-for="@Model.CBC[i].Selected">@Model.CBC[i].Name</label>
                <input type="hidden" asp-for="@Model.CBC[i].Id" />
                <input type="hidden" asp-for="@Model.CBC[i].Name" />
            </li>
        }
    </ul>

    <button type="submit" name="submit">submit</button>
</form>


@section Scripts { 

    <script>
        function selectAllCompta() {

            if ($("#cbSelectAll").is(":checked")) {
                $("ul input[type='checkbox']").prop('checked', true);
                $("#txtCb").val("Déselectionner tout");
            }
            else {
                $("ul input[type='checkbox']").prop('checked', false);
                $("#txtCb").val("Sélectionner tout");
            }

        }
    </script>
}

public IActionResult GetValue(MyViewModel myViewModel) {
    ....
}