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

Javascript 使用Jquery选中/取消选中多个复选框,javascript,jquery,asp.net-mvc,razor,partial-views,Javascript,Jquery,Asp.net Mvc,Razor,Partial Views,我一直被一个小的jquery问题困扰着,它可能只是一些我还没有看到的小问题。我有一个PartialView,我想能够选中一个复选框,它应该使所有其他复选框未选中。我只想在提交页面之前选中一个复选框 无论如何,下面是我的代码示例: 这是我的个人观点 @model List<int> @foreach (var element in Model) { <div id="AddedProductImages"> <img src="@Url.Act

我一直被一个小的jquery问题困扰着,它可能只是一些我还没有看到的小问题。我有一个PartialView,我想能够选中一个复选框,它应该使所有其他复选框未选中。我只想在提交页面之前选中一个复选框

无论如何,下面是我的代码示例:

这是我的个人观点

@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>
}
提前感谢:)

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

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

@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>
}
@型号列表
@foreach(模型中的var元素)
{
}
除此之外,您现在可以完全摆脱javascript

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

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

@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>
}
@型号列表
@foreach(模型中的var元素)
{
}

除此之外,您现在可以完全摆脱javascript。

哈哈,您完全正确。有时我的大脑会冻结,出于某种原因,我没有想到单选按钮。问题在5分钟内解决:)哈哈,你完全正确。有时我的大脑会冻结,出于某种原因,我没有想到单选按钮。问题在5分钟内解决:)