Question

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

我有两个按钮：

#Inca 和的 #Maya

如果选中 #Inca ，我想要停用 #Inca 并删除（如果有）检查按钮 #Maya 。< / p>

但是，如果我检查 #Maya ，我想要禁用 #Maya ，能够 #Inca ，但要删除检查按钮< strong> #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：

＆＃13;

<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>

＆＃13;

Answer 2

使用class来启用和禁用按钮：代码更少，效率更高，更干净。

using single style class for enabled and disabled button

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

2 个答案: