在mvc4中选择另一个复选框时禁用复选框

时间:2015-03-20 06:29:32

标签: javascript asp.net-mvc-4

我有3个复选框,以及如何在选择一个复选框时禁用剩余的两个复选框 我的代码是

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)

当我选择复选框1时,应禁用剩余的2个复选框,反之亦然。我是编程新手。你可以帮我使用javascript

1 个答案:

答案 0 :(得分:0)

这样的东西? http://jsfiddle.net/6tdhm4p2/1/

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