javascript - 禁用复选框

Question

我想在我的代码中禁用单击时的复选框。如果用户单击复选框 A，则应禁用复选框 B 和 C，但如果用户单击复选框 B 或 C，则仅禁用 A。用户将能够多重选择 B 和 C 。 A 在每种情况下都应该是单选。

<input type="checkbox" name="vehicle" value="Bike" class="a"> A
<input type="checkbox" name="vehicle" value="Car" class="b"> B
<input type="checkbox" name="vehicle" value="Bike" class="c"> C

Answer 1

修复 html 后:

<input type="checkbox" name="vehicle" value="Bike" class="a"> A
<input type="checkbox" name="vehicle" value="Car" class="b"> B
<input type="checkbox" name="vehicle" value="Bike" class="c"> C

你可以这样做:

$("input").click(function(){
        var _class=$(this).attr('class');
        if($(this).is(':checked')){
            if(_class=='a'){
                    $('.b').attr('disabled','disabled');
                    $('.c').attr('disabled','disabled');
            }else if(_class=='b' || _class=='c'){
                $('.a').attr('disabled','disabled');
            }
        }else{
            if($("input:checked").length==0){
                $("input").removeAttr('disabled');
            }
        }
    });