禁用複選框

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

注：給人以事件和財產適當父設置