使用 Jquery 选中/取消选中多个复选框

Check/uncheck multiple checkboxes with Jquery

本文关键字：复选框 取消 Jquery 选中 使用      更新时间：2023-09-26

我一直被困在一个小的jquery问题上，这可能只是我还没有看到的小问题。 我有一个 PartView，我希望能够选中一个复选框，它应该取消选中所有其他复选框。 我只想在提交页面之前选中一个复选框。

无论如何，这是我的代码示例：

这是我的部分视图 

@model List<int>
@foreach (var element in Model)
{
    <div id="AddedProductImages">
        <img src="@Url.Action("RetrieveFile", "File", new { id = element })"     alt="@element" width="125px;" />
    <input type="checkbox" name="PrimaryImage" onchange="PrimaryImageChkBox('@element')" id="PrimaryCheckbox'@element'"/>
</div>
}

这是我的 Jquery 函数

我不应该先取消选中，然后在第二行中告诉要选中的点击复选框吗？

function PrimaryImageChkBox(id) {
    alert(id);
    $('input[name=PrimaryImage]').removeAttr("checked");
    $('#PrimaryCheckbox' + id).attr('checked', "checked");
}

提前谢谢你:)

我只想在提交页面之前选中一个复选框。

这就是单选按钮的用途，而不是复选框。您可以使用相同的名称对多个单选按钮进行分组。这只允许同时选择一个单选按钮：

@model List<int>
@foreach (var element in Model)
{
    <div id="AddedProductImages">
        <img src="@Url.Action("RetrieveFile", "File", new { id = element })" alt="@element" width="125px;" />
        <input type="radio" name="PrimaryImage" />
    </div>
}

除此之外，你现在可以完全摆脱javascript。

相关文章：