如何選擇只有一個複選框與JQuery

<div class="form-group"> 
@Html.CheckBoxFor(x => x.ClientAccountIsHospitality, new { @type = "checkbox" }) 
@Html.LabelFor(x => x.ClientAccountIsHospitality) 
</div> 
<div class="form-group"> 
@Html.CheckBoxFor(x => x.ClientAccountIsRetail, new { @type = "checkbox" }) 
@Html.LabelFor(x => x.ClientAccountIsRetail) 
</div> 

<script type="text/javascript" language="javascript"> 
     $(document).ready(function() { 
      $("input[type='checkbox']").change(function() { 
       $(this).closest(".checkboxContainer").find("input[type='checkbox']").not(this).prop("checked", false); 
       $(this).prop("checked", true); 
      }); 
     }); 
     </script>

我希望當用戶選擇一個複選框，其他複選框將取消選擇，如果它被選中。此代碼的問題是用戶可以選擇一個複選框，但無法再次取消選擇它。通過選擇另一個複選框或試圖取消選擇所選框如何選擇只有一個複選框與JQuery

注意我已經使用複選框通過我的網站，並希望堅持這一點。我不想要一個單選按鈕。 thaks

來源

2014-04-14 John

$(':checkbox').click(function(e){ 
    if($(this).is(':checked')){ 
     $(':checked').prop('checked', false); 
     $(this).prop('checked', true); 

    } 
    else{ 
     e.preventDefault(); 
    } 
});

example

來源

2014-04-14 11:41:13 Aray

這就是您的幫助很大thaks，但我仍然無法取消檢查框，檢查之後。只有取消檢查，如果我選擇其他框？ – John

對不起，然後嘗試刪除e.preventDefault（）; – Aray

啊，多數民衆贊成在偉大的謝謝...我現在唯一的問題是在網頁上有另一個複選框，但我不希望它適用於此。有什麼想法做什麼？ – John

如何選擇只有一個複選框與JQuery

回答

相關問題