Jquery:如果选中了另一个按钮，则为未选中按钮

Jquery: Unchecked button if another button is checked

本文关键字：按钮 如果 Jquery 另一个      更新时间：2023-09-26

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

我有两个按钮：

#印加和#Maya

如果选中了#Inca，则我希望禁用#印加并移除（如果存在）选中按钮#Maya。

但是，如果我选中#Maya，我希望禁用#Maya、启用#1印加但删除选中按钮#2印加

通过这种方式，如果我愿意，我可以检查按钮#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/

在这种情况下不应该使用复选框。使用单选按钮，您将不需要任何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>

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

使用启用和禁用按钮的单一样式类

相关文章：