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

Question

我一直被困在一个小问题jquery，它可能只是一些小事，我还没有看到。我有一个PartialView，我希望能够检查一个复选框，它应该使所有其他复选框未选中。在我提交页面之前，我只希望检查一个复选框。

总之，这里是我的代码示例：

这是我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> 
} 

这是我的jQuery函数

Shouldn't我可以先取消和然后在第二行告诉点击复选框进行检查？

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

预先感谢您:)

Answer 1

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

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

@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了。