チェックボックスを無効にする

Question

3つのチェックボックスがあります。 1つのチェックボックスが有効になっている場合は、他の2つのチェックボックスを無効にします。どのようにJQueryとHTMLを使って実装できますか？

私はMVCで4

Forenoon @Html.CheckBoxFor(x => x.FromDateforenoon, new { 
    style = "width:auto;", 
    id = "chkFromDate", 
    @onchange = "CalculatedaysOfLeave();" 
}) 
Afternoon @Html.CheckBoxFor(x => x.FromDateafternoon, new { 
    style = "width:auto;", 
    id = "chkAfternoon", 
    @onchange = "CalculatedaysOfLeave();" 
}) 
FullDay @Html.CheckBoxFor(x => x.FromDateFullDay, new { 
    style = "width:auto;", 
    id = "chkFullDay", 
    @onchange = "CalculatedaysOfLeave();" 
}) 

Answer 1

if (document.getElementById('idofcheckBox1').disabled == false) { 

     document.getElementById('idofcheckBox2').disabled = true; 
     document.getElementById('idofcheckBox3').disabled = true; 

} 

を設定これによって簡単に達成できますこの

https://jsfiddle.net/7LnwbyLa/?utm_source=website&utm_medium=embed&utm_campaign=7LnwbyLa

Answer 2

を、それを実装するjQueryの：

$("input[type=checkbox]").change(function() 
{ 
    $("input[type=checkbox]").prop('checked',false); 
    $(this).prop('checked',true); 
}); 

注：イベントとプロパティを使用して、適切な親を付け