Solved

jQuery: Best way to disabled input

Posted on 2012-04-02
4
278 Views
Last Modified: 2012-04-03
Which is best?
$('#xyz').attr("disabled", true); 
$('#xyz').attr("disabled", "true"); 
$('#xyz').attr("disabled", "disabled"); 

Open in new window

0
Comment
Question by:hankknight
4 Comments
 
LVL 82

Assisted Solution

by:leakim971
leakim971 earned 125 total points
Comment Utility
$('#xyz').attr("disabled", "disabled"); ¿
or :
$('#xyz').attr("disabled", ""); ¿

http://www.w3.org/TR/html-markup/input.submit.html

in the jQuery plugin you can find this line :
elem.setAttribute( name, "" + value );

Open in new window


where elem is your input
name is the disabled attribute
the second argument is a string
0
 
LVL 7

Assisted Solution

by:robertark
robertark earned 125 total points
Comment Utility
Use .prop() - http://api.jquery.com/prop/

$('#elem').prop('disabled', true)
$('#elem').prop('disabled', false)

Open in new window

0
 
LVL 17

Assisted Solution

by:sonawanekiran
sonawanekiran earned 125 total points
Comment Utility
If you are using latest version of jquery then use prop otherwise $('#xyz').attr("disabled", "disabled");
0
 
LVL 20

Accepted Solution

by:
Proculopsis earned 125 total points
Comment Utility
I prefer:

$('#xyz').attr( { disabled: true } );

because you can add more stuff:

$('#xyz').attr( { disabled: true, value: "Locked" } );

works with prop too:

$('#xyz').prop( { disabled: true } );
$('#xyz').prop( { disabled: true, value: "Locked" } );
0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

763 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now