Skip to main content
Home / Code Snippets / jQuery Code Snippets / Disable / Re-enable Inputs

Disable / Re-enable Inputs

Avatar of Chris Coyier
Author
Chris Coyier
8 Comments
Join Conversation
Published

Rollout: Powerful Feature Flag Management

Disable:

$("#submit-button").attr("disabled", true);

Re-enable:

$("#submit-button").removeAttr("disabled");
Frontend Masters logo

Need some front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, from Testing to Security.

Comments

  1. User Avatar
    Wouter van Tilburg
    Permalink to comment#

    You can also use the .prop() function.

    A simple


    $("#submit-button").prop('disabled', true);
    $("#submit-button").prop('disabled', false);

    will also do then.

    Reply
  2. User Avatar
    David
    Permalink to comment#

    .prop does not work in IE

    Reply
  3. User Avatar
    Senthil
    Permalink to comment#

    Use

    $(“#submit-button”).prop(“disabled”, true);

    Reply
  4. User Avatar
    Darbez
    Permalink to comment#

    $(“#submit-button”).is(‘disabled’, true);
    $(“#submit-button”).is(‘disabled’, false);

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

All comments are held for moderation. We'll publish all comments that are on topic, not rude, and adhere to our Code of Conduct. You'll even get little stars if you do an extra good job.

You may write comments in Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (```) with double new lines before and after.

Want to tell us something privately, like pointing out a typo or stuff like that? Contact Us.

We have a
Code of Conduct. Be cool. Be helpful. The web is a big place. Have fun. High five.