Kontrollkästchen deaktivieren

Question

Ich habe drei Kontrollkästchen. Wenn ein Kontrollkästchen aktiviert ist, möchte ich andere zwei Kontrollkästchen deaktivieren. Wie kann ich es mit JQuery und HTML implementieren?

Ich möchte es in Mvc implementieren 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; 

} 

Dadurch können Sie leicht erreichen diese

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); 
}); 

Hinweis: richtigen Eltern Geben Sie mit Ereignis und Eigenschaft