Отключение флажков на основе состояния

Question

У меня есть 3 флажков сказать флажок A, B, флажок флажок C. У меня есть требование что-то вроде

1. Если флажок А установлен, то флажки B и C должны быть отключены.
2. Я могу проверить оба флажка B и C одновременно, в этом случае флажок A должен быть отключен.
3. При выборе флажка B или флажка C один (один выбор), в любом случае флажок A должен быть отключен.

Ниже мой код:

$("#B").change(function(){ 
    if($("#B").is(':checked')) 
    { 
     $("#A").attr("disabled", true); 
    } 
    else 
    { 
     $("#A").attr("disabled", false); 
     $("#B").attr("disabled", false); 
     $("#C").attr("disabled", false); 
    } 
    }); 

    $("#C").change(function(){ 
    if($("#C").is(':checked')) 
    { 
     $("#A").attr("disabled", true); 
    } 
    else 
    { 
     $("#A").attr("disabled", false); 
     $("#B").attr("disabled", false); 
     $("#C").attr("disabled", false); 
    } 
    }); 

    $("#A").change(function(){ 
    if($("#A").is(':checked')) 
    { 
     $("#B").attr("disabled", true); 
     $("#C").attr("disabled", true); 
    } 
    else 
    { 
     $("#A").attr("disabled", false); 
     $("#B").attr("disabled", false); 
     $("#C").attr("disabled", false); 
    } 
    }); 

Может кто-нибудь, пожалуйста, помогите мне с этим

Answer 1

Вам необходимо обновить условия: JSFIDDLE

$("#B").change(function() { 
    if ($("#B").is(':checked')) { 
     $("#A").attr("disabled", true); 
    } else { 
     if ($("#C").is(':checked')) { 
      $("#A").attr("disabled", true); 
     } else { 
      $("#A").attr("disabled", false); 
      $("#B").attr("disabled", false); 
      $("#C").attr("disabled", false); 
     } 
    } 
}); 

$("#C").change(function() { 
    if ($("#C").is(':checked')) { 
     $("#A").attr("disabled", true); 
    } else { 
     if ($("#B").is(':checked')) { 
      $("#A").attr("disabled", true); 
     } else { 
      $("#A").attr("disabled", false); 
      $("#B").attr("disabled", false); 
      $("#C").attr("disabled", false); 
     } 
    } 
}); 

$("#A").change(function() { 
    if ($("#A").is(':checked')) { 
     $("#B").attr("disabled", true); 
     $("#C").attr("disabled", true); 
    } else { 
     $("#A").attr("disabled", false); 
     $("#B").attr("disabled", false); 
     $("#C").attr("disabled", false); 
    } 
});