Disable/enable an input with jQuery?

$input.disabled = true;
 

or

$input.disabled = disabled;
 

Which is the standard way? And, conversely, how do you enable a disabled input?

Text Copied From stackoverflow.com
on : Sat, Sep 12, 2009 Views : 1672462

Accepted Answer

jQuery 1.6+

To change the disabled property you should use the .prop() function.

$(input).prop('disabled', true);
 $(input).prop('disabled', false);
 

jQuery 1.5 and below

The .prop() function doesn't exist, but .attr() does similar:

Set the disabled attribute.

$(input).attr('disabled','disabled');
 

To enable again, the proper method is to use .removeAttr()

$(input).removeAttr('disabled');
 

In any version of jQuery

You can always rely on the actual DOM object and is probably a little faster than the other two options if you are only dealing with one element:



// assuming an event handler thus 'this' this.disabled = true;
 

The advantage to using the .prop() or .attr() methods is that you can set the property for a bunch of selected items.


Note: In 1.6 there is a .removeProp() method that sounds a lot like removeAttr(), but it SHOULD NOT BE USED on native properties like 'disabled' Excerpt from the documentation:

Note: Do not use this method to remove native properties such as checked, disabled, or selected. This will remove the property completely and, once removed, cannot be added again to element. Use .prop() to set these properties to false instead.

In fact, I doubt there are many legitimate uses for this method, boolean props are done in such a way that you should set them to false instead of removing them like their attribute counterparts in 1.5

Text Copied From stackoverflow.com
on : Sat, Sep 12, 2009

Ask Question

If you want to ask question you must LogIn or SignUp
Login SignUp

Quick Links

E-Magazines

@

Total Followers
Study Group Created
Study Group Joined
Following Teacher
Following Organization
Blog Articles Added
Questions Asked
Questions Answered
Jobs Posted
Total Members in Group
Questions asked by members
Tasks added in this Group

Please wait..

Ok

Login to Open ESchool OR Create your account    Login   SignUp