Отключить флажки

Question

У меня есть три флажка. Если один флажок включен, я хочу отключить другие два флажка. Как я могу реализовать его с помощью 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); 
}); 

Примечание: Надлежащим родителя с событием и набор свойств