單擊後禁用按鈕 - 第2部分

Question

我只是Java腳本的初學者。我正在創建一個測驗頁面，其中所有主題都按字母順序（例如A，B，C ... Z）列出。

我希望在參與者點擊一個字母表後，禁用該按鈕，但不知道在哪裏插入禁用該按鈕的腳本。

這是一個簡單的腳本：

<h1>What Can JavaScript Do?</h1> 

<p id="demo">JavaScript can change HTML content.</p> 

<button type="button" 
onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'"> 
Click Me!</button> 

I have referred this link, but as mentioned above don't know where to insert the disabling script. (http://stackoverflow.com/questions/2323948/disabling-the-button-after-once-click) 

我會很感激，如果有人可以幫我出這個問題。

問候， 尼廷

Answer 1

<h1>What Can JavaScript Do?</h1> 

<p id="demo">JavaScript can change HTML content.</p> 
<script type="text/javascript"> 
function btnDisable(id){ 
document.getElementById(id).disabled=true; 
} 
</script> 
<button id="btn1" type="button" 
onclick="btnDisable('btn1')"> 
Click Me!</button> 

類似於里納貼，除了使用該參數可以使功能可用於其他問題了。

Answer 2

<h1>What Can JavaScript Do?</h1> 

<p id="demo">JavaScript can change HTML content.</p> 

<button type="button" id="myBtn" onclick="disableButton()">Click Me!</button> 

<script type="text/javascript"> 
function disableButton() { 
document.getElementById("myBtn").disabled = true; 
document.getElementById('demo').innerHTML = 'Hello JavaScript!'; 
} 
</script>