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

Learn Development at Frontend Masters

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, and beyond with Node.js and Full Stack.

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 *

You may write comments in Markdown thanks to Jetpack 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. All comments are held for moderation. Be helpful and kind and yours will be published no problem.

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