如何选择只有一个复选框与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

回答

相关问题