javascript - 禁用按钮 onclick 但启用另一个按钮

Question

我的页面上有两个不同的按钮。我希望它们都在页面加载时启用，但是当用户单击一个时，我想禁用另一个按钮。但是，如果他们单击另一个按钮，我希望在启用另一个禁用按钮的同时禁用该按钮。我已经能够禁用按钮 onclick，但我无法让另一个按钮重新启用 . 这是我在页面上的两个按钮。它们不在表格中，只是在页面上。

<button onclick="down7913.disabled=false" type="submit" class="positive" name="up7913"><img src="check.png" alt=""/></button>

<button onclick="this.disabled=true" type="submit" class="negative" name="down7913"><img src="cross.png" alt=""/></button>

score 24 · Accepted Answer

检查此代码，它符合您的口味并且可以正常工作：

代码片段 -

<button
    onclick="this.disabled=true;document.getElementById('down7913').disabled=false;"
    type="submit"
    class="positive"
    name="up7913"
    id="up7913"
  >
    First
  </button>

  <button
    onclick="this.disabled=true;document.getElementById('up7913').disabled=false;"
    type="submit"
    class="negative"
    name="down7913"
    id="down7913"
  >
    Second
  </button>

score 3 · Accepted Answer

您应该编写函数：

function disablefirstbutton() {
    document.getElementById("firstbutton").disabled = true;
    document.getElementById("secondbutton").disabled = false;
}

function disablesecondbutton() {
    document.getElementById("secondbutton").disabled = true;
    document.getElementById("firstbutton").disabled = false;
}

<button id="firstbutton" onclick="disablefirstbutton()">
<button id="secondbutton" onclick="disablesecondbutton()">

score 1 · Accepted Answer

如果你不介意使用 jQuery，就在这里！

$(function() {
    $('button').click(function() {
        var classname = $(this).attr('class');

        if(classname == 'positive')
        { 
            $('button.positive').attr('disabled', 'disabled');
            $('button.negative').attr('disabled', false);
        }
        else
        {
            $('button.negative').attr('disabled', 'disabled');
            $('button.positive').attr('disabled', false);
        }
    });
});

score 0 · Accepted Answer

您可以尝试以下方法：

onclick="document.getElementsByClassName('negative')[0].disabled=false"

那是纯 javascript，请注意所有类的document.getElementsByClassName('negative')返回值。array如果只有一个，那么它将像我写的那样工作。如果没有，那么我会添加一个 id 并使用document.getElementById('buttonId').disabled=false.

javascript - 禁用按钮 onclick 但启用另一个按钮

4 回答 4

Related

Reference