如何在JavaScript中禁用按钮?

时间:2012-09-29 00:35:52

标签: 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>

3 个答案:

答案 0 :(得分:4)

这将有效:

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

如果您的按钮实际上有id="button"

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

重新启用按钮组.disabled = false;

答案 1 :(得分:2)

您使用的是document.getElementById("button"),但HTML中没有名为button的元素。

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

此外,要禁用按钮,请将其disabled属性设置为true(否则为false)。

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

答案 2 :(得分:0)

用pquery你可以说

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