Html 禁用所选按钮

如何禁用已选择的按钮。假设我有两个按钮，“开”和“关”

现在，如果选择了“开”按钮，则在选择“关”按钮之前，不允许再次选择“开”按钮。

//myOnbutton是按钮名称
在…上
//myOffbutton是按钮名称
关

因此，主要目的是禁用所选的按钮。 有人知道如何解决这个问题吗！ 高级版谢谢。

试试这个变体：

// https://jsfiddle.net/243mbpwo/2/

var inputs = document.getElementsByTagName("input");
var onButton = inputs[0];
var offButton = inputs[1];

onButton.addEventListener("click", function () {
    this.setAttribute("disabled", "disabled");
});

offButton.addEventListener("click", function () {
    onButton.removeAttribute("disabled");
});

---

如果您已经在使用引导程序，为什么不试试这个呢？

请按照以下方式编写代码：

<div class="btn-group" data-toggle="buttons">
  <input type="radio" name="toggle" value="on">ON</br>
  <input type="radio" name="toggle" value="off">OFF</br>
</div>

在

关

---

这种方法不需要javascript或jQuery。

即使选择了“关闭”按钮，也会启用它。正确。OP没有指定禁用关闭按钮。选择后关闭或打开按钮不会禁用，这无法解决我在JSFIDLE中遇到的问题。当我选择打开按钮时，打开按钮将被禁用，直到单击关闭按钮。您是否看到其他行为？@IvanSuftin在JSFIDLE中我看到您可以同时选择这两个按钮：）请单击2自行查看button@Repsesh这并不能解决我的问题，在这里，按钮可以再次选择，这已经是一个问题了selected@ChristoferHansen什么实际上不起作用？你能在JSFIDLE中展示它吗？我的错，它工作得很好，谢谢你的回答：）

$(function () {
    var onButton = $(".btn-group .btn:eq(0)");
    var offButton = $(".btn-group .btn:eq(1)");

    onButton.on("click", function () {
        if (!onButton.is("disabled")) {
            offButton.attr("disabled", false);
            onButton.attr("disabled", true);
        }
    });
    offButton.on("click", function () {
        if (!offButton.is("disabled")) {
            onButton.attr("disabled", false);
            offButton.attr("disabled", true);
        }
    });
});

<div class="btn-group" data-toggle="buttons">
  <input type="radio" name="toggle" value="on">ON</br>
  <input type="radio" name="toggle" value="off">OFF</br>
</div>