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

Question

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

我正在纯 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/