javascript - 隐藏/显示绑定到计数器的按钮

Question

我的网站上有一个计数器和两个按钮，button1 和 button2。当计数器 = 1 时，我希望按钮 1 显示并且按钮 2 消失（不可见且不可点击）。我希望按钮 2 出现并且当计数器 = 2 时按钮 1 消失。

我在纯js中尝试这样的事情，但它不起作用：

if (counter === 1) {
document.getElementById('button2').disabled=true;
}

Answer 1

希望这些建议之一是您正在寻找的。祝你好运！

硬编码禁用/启用：http: //jsfiddle.net/jeZSa/

除了使用 CSS 隐藏/显示按钮外，与上述相同：http: //jsfiddle.net/WKYyh/1/

CSS

.hidden { display:none; visibility:hidden; }

HTML

<button id="button1" onClick="enableBtn1()">Button ONE</button>
<button id="button2" onClick="enableBtn2()" class="hidden">Button TWO</button>

JS

enableBtn1 = function() {
    document.getElementById('button1').className = 'hidden';
    document.getElementById('button2').className = '';
}

enableBtn2 = function() {
    document.getElementById('button1').className = '';
    document.getElementById('button2').className = 'hidden';
}

-编辑-这是一个不使用 CSS 的可见/不可见版本：http: //jsfiddle.net/kF7yh/