2012-09-29 65 views
0

我有一個在開始時啓用的按鈕,但我想禁用它。我需要它來玩遊戲。如果玩家選擇多玩,則遊戲重新開始,如果不是,則應禁用「點擊我」按鈕。先謝謝你!如何禁用JavaScript中的按鈕?

這裏是我的代碼:

var y; 
    function playAgain() 
    { 
     y=confirm("PLAY AGAIN?"); 

     if(y==true) 
     { 
      alert("Let's play it again!"); 
      location.reload(true); 
     } 
     else if(y==false) 
     { 
      alert("Thank you!\nSee you soon!"); 
      document.getElementById("button").disabled="disabled"; 
      //document.getElementById("button").disabled="true"; 
     } 
    } 

的HTML代碼:

<body> 
    <input type="button" value="Click on me" onClick="playAgain()" /> 
</body> 
+1

我想你忘了添加'ID = 「按鈕」'你輸入按鈕? – Littm

+0

@Littm謝謝! – Lavinia

回答

4

這將工作:

document.getElementById("button").disabled = true; 

如果您的按鈕實際上有id="button"

<input id="button" type="button" value="Click on me" onClick="playAgain()" /> 

要重新啓用按鈕設置.disabled = false;

+0

非常感謝! – Lavinia

2

您使用document.getElementById("button")但沒有在HTML命名button元素。

<input type="button" id="button" value="Click on me" onClick="playAgain()" /> 

此外,禁用的按鈕,(否則爲假)其disabled屬性設置爲true。

document.getElementById('button').disabled = true; 
0

與jQuery你可以說

$("[type=button]").click(function(){ 
    $(this).attr("disabled","disabled"); 
    ... your other code ... 
}); 
+3

通常最好*不*在另一個庫中拖動 - 儘管這會起作用(因爲選擇器) - 作爲主要修補程序。花點時間來解決爲什麼當前代碼不起作用,然後,如果想要的話,作爲* secondary *信息,解釋如何使用其他方式完成。有時候,其他手段是正確的方式(雖然可以說不在這裏),但始終總是集中/解釋答案中的主要問題,以及推薦方法如何解決/解決問題。 – 2012-09-29 01:17:04