Отключить кнопку onclick, но включить другую кнопку

У меня есть две разные кнопки на моей странице. Я хочу, чтобы они оба были включены, когда страница загружается, но когда пользователь нажимает один, я хотел бы отключить другую кнопку. Но если они нажмут на другую кнопку, я бы хотел, чтобы эта кнопка также была отключена, а вторая - отключена. Я был в состоянии отключить кнопку 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>

Ответ 1

Проверьте этот код, он у вас на вкус и работает:

Фрагмент кода -

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

Ответ 2

Вы должны написать функции:

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()">

Ответ 3

Если вы не против использования 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);
        }
    });
});

Ответ 4

Вы можете попробовать что-то вроде:

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

Это чистый javascript и обратите внимание, что document.getElementsByClassName('negative') возвращает array всех классов. Если есть только один, то он будет работать, как я писал. Если нет, то я бы добавил id и использовал document.getElementById('buttonId').disabled=false.