How can I disable a button in javascript?

Question

I have a button which is enabled at the beginning, but I want to disable it. I need it for a game. If the player chooses to play more, the game starts again, if not, the button "Click on me" should be disabled. Thank you in advance!

Here is my code:

    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";
        }
    }

The HTML code:

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

I think you forgot to add id="button" to your input button? — Littm
– Littm, Commented Sep 29, 2012 at 0:38

nnnnnn · Accepted Answer · 2012-09-29 00:39:57Z

4

This will work:

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

If your button actually has id="button":

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

To re-enable the button set .disabled = false;

answered Sep 29, 2012 at 0:39

nnnnnn

150k30 gold badges210 silver badges247 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

David G · Accepted Answer · 2012-09-29 00:40:04Z

2

You're using document.getElementById("button") but there is no element named button in the HTML.

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

Also, to disable a button, set its disabled attribute to true (false for otherwise).

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

answered Sep 29, 2012 at 0:40

David G

97.6k41 gold badges173 silver badges258 bronze badges

Comments

Zeke Nierenberg · Accepted Answer · 2012-09-29 00:40:13Z

0

with jquery you can say

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

answered Sep 29, 2012 at 0:40

Zeke Nierenberg

2,1961 gold badge20 silver badges30 bronze badges

1 Comment

user166390 Over a year ago

It's generally best to not drag in another library -- although this would work (because of the selector) -- as a primary fix. Take time to address why the current code doesn't work and then, if wanted, as secondary information, explain how it could be done using other means. Sometimes the other means are the correct way (although arguably not here), but always, always, focus/explain the primary issue in an answer and how the recommend approach fixes/addresses the problem.

Collectives™ on Stack Overflow

How can I disable a button in javascript?

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related