javascript - 如何禁用javascript中的按钮？

Question

我有一个在开始时启用的按钮，但我想禁用它。我需要它来玩游戏。如果玩家选择玩更多，游戏会重新开始，如果没有，“点击我”按钮应该被禁用。先感谢您！

这是我的代码：

    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>

score 4 · Accepted Answer

这将起作用：

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

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

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

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

score 2 · Accepted Answer

您正在使用document.getElementById("button")，但 HTML 中没有命名元素button。

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

此外，要禁用按钮，请将其disabled属性设置为 true（否则为 false）。

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

score 0 · Accepted Answer

用 jquery 你可以说

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

javascript - 如何禁用javascript中的按钮？

3 回答 3

Related

Reference