如何啓用和禁用按鈕

我有4個按鈕。一旦在頁面上，我只想要按鈕1顯示。一旦點擊了按鈕1，它就會消失，只有按鈕2可見。一旦按鈕2被點擊，它將消失，只有按鈕3顯示。按鈕5發生同樣的事情。任何幫助將不勝感激。如何啓用和禁用按鈕

<html> 
<script> 
    function enableButton2() { 
     document.getElementById("button2").disabled = false; 
    } 
function enableButton3() { 
     document.getElementById("button3").disabled = false; 
    } 
function enableButton4() { 
     document.getElementById("button4").disabled = false; 
    } 
function enableButton5() { 
     document.getElementById("button5").disabled = false; 
    } 
</script> 
</head> 
<body> 
    <input type="button" id="button1" value="button 1" onclick="enableButton2()"     
    onclick="hidden" /> 
<input type="button" id="button2" value="button 2" disabled onclick="enableButton3()" 
    onclick="hidden" /> 
<input type="button" id="button3" value="button 3" disabled 
    onclick="enableButton4()" onclick="hidden" /> 
<input type="button" id="button4" value="button 4" disabled onclick="enableButton5()" 
    onclick="hidden" />

來源

2014-05-01 user3217574

您有重複的'onclick'屬性。另外，'onclick =「hidden」'可能不會做任何事情 – Phil

你不能有多個'onclick'屬性。如果你想執行多個語句，在一個屬性中用';'分隔它們。 – Barmar

這裏的實際問題是什麼？你描述了你想要發生的事情，而不是實際發生的事情。我在這裏爲你創建了一個JSFiddle - http://jsfiddle.net/fZf34/ – Phil

沒有必要爲每個按鈕不同的功能。使下一個按鈕的ID成爲單個函數的參數。要隱藏第一個按鈕，您需要設置其display樣式，因此請將this作爲另一個參數。

HTML：

<input type="button" id="button1" value="button 1" onclick="enableButton(this, 'button2')" /> 
<input type="button" id="button2" value="button 2" disabled onclick="enableButton(this, 'button3')" /> 
<input type="button" id="button3" value="button 3" disabled onclick="enableButton(this, 'button4')" /> 
...

JS：

function enableButton(thisButton, nextButton) { 
    thisButton.style.display = "none"; 
    document.getElementById(nextButton).disabled = false; 
}

來源

2014-05-01 03:10:04 Barmar

謝謝你的工作！ – user3217574

如何啓用和禁用按鈕

回答

相關問題