Javascript 禁用按钮一次单击,但启用另一个按钮

Javascript 禁用按钮一次单击,但启用另一个按钮,javascript,html,Javascript,Html,我的页面上有两个不同的按钮。我希望在页面加载时启用这两个按钮,但当用户单击其中一个按钮时,我希望禁用另一个按钮。但是,如果他们单击其他按钮,我希望在启用其他禁用按钮时也禁用该按钮。我已经能够禁用按钮onclick,但是我在重新启用另一个按钮时遇到了问题。这是我在页面上的两个按钮。它们不是以某种形式出现,只是在页面上 <button onclick="down7913.disabled=false" type="submit" class="positive" name="up7913"&g

我的页面上有两个不同的按钮。我希望在页面加载时启用这两个按钮,但当用户单击其中一个按钮时,我希望禁用另一个按钮。但是,如果他们单击其他按钮,我希望在启用其他禁用按钮时也禁用该按钮。我已经能够禁用按钮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>

您应该编写函数:

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()">
函数disablefirstbutton(){
document.getElementById(“firstbutton”).disabled=true;
document.getElementById(“secondbutton”).disabled=false;
}
函数disablesecondbutton(){
document.getElementById(“secondbutton”).disabled=true;
document.getElementById(“firstbutton”).disabled=false;
}

您可以尝试以下方法:

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

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

检查此代码,它符合您的口味并且有效:

代码片段-


弗斯特
第二

如果您不介意使用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);
        }
    });
});

如果您对jQuery没有任何问题,我可以为您提供解决方案。谢谢Musa…您可以将您的问题添加为答案而不是评论吗?如果没有禁用属性,我如何使用它?@Sohan u能否详细说明没有禁用属性的
?我只想禁用和启用,而不使用“disabled”属性。无论如何谢谢你