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