javascript - 禁用复选框

Closed. This question does not meet Stack Overflow guidelines。它当前不接受答案。
                        
                    
                
            
        
            
        
                
                    
                
            
                
                    想改善这个问题吗？ Update the question，所以它是on-topic，用于堆栈溢出。
                
                    6年前关闭。
            
        

    

我想禁用单击代码中的复选框。如果用户单击复选框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

最佳答案

修复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');
            }
        }
    });