Jquery:如果选中另一个按钮，则取消选中按钮

Question

这个问题对我来说太难了：

我有两个按钮：

#印加和#Maya

如果选中了#Inca，我希望禁用#Inca，并删除(如果有)检查按钮#Maya。

但是，如果我检查#Maya，我希望禁用#Maya，启用#Inca，但是删除对#Inca的检查按钮(但这不起作用)。

以这种方式，如果我想，我可以检查按钮#印加和“循环”重新开始。

这是代码：

$('#incas, #maya').change(function () {
    if ($('#incas').attr("checked")) {
         $('#incas').attr('disabled', true);
         $('#maya').attr('disabled', false);
    } 
    if ($('#maya').attr("checked")){
        $('#maya').attr('disabled', true);
        $('#incas').attr('disabled', false);
        $('#incas').attr('checked', false);             
    }
});

这是jsfiddle：http://jsfiddle.net/es8p74w4/

Answer 1

在这种情况下，不应该使用复选框。使用单选按钮，您将不需要任何JS：

​

<div id="noneAbove">
    <p>
        <input id="inca" name="foo" type="radio" />
inca    </p>
    <p>
        <input id="support" name="foo" type="radio" />Blah Blah</p>
</div>

​

Answer 2

使用类来启用和禁用按钮:代码更少、效率更高、更干净。

using single style class for enabled and disabled button