win2 win2 - 2 months ago 14
Javascript Question

Disable Checkbox on selecting another checkbox in mvc4

I have 3 checkboxes and how I can disable remaining two checkboxes on selecting one checkbox
My code is

model
public bool checkbox1{get; set;}
public bool checkbox2{get; set;}
public bool checkbox3{get; set;}

View

@Html.CheckBoxFor(m=>m.checkbox1)
@Html.CheckBoxFor(m=>m.checkbox2)
@Html.CheckBoxFor(m=>m.checkbox3)


When I select checkbox 1, remaining 2 checkboxes should be disabled and vice versa. I am new to programming. can u help me out using javascript

Answer

Something like this? http://jsfiddle.net/6tdhm4p2/1/

$('.checkbox').change(function(){
    $(this).is(':checked')?$(this).siblings('.checkbox').prop('disabled',true):"";
});