使用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了。