How can I change an input to be disabled using jQuery?

Question

I have an input looking like this:

<input type="text" value="1.1" size="5" name="Topic" id="Topic">

What's the best way to change it so this input is disabled using jQuery?

Update

Sorry I forgot to ask but is there also a way that I can make it read only. The original answers are great but this is just one more thing I need to be able to do.

Interrobang · Accepted Answer · 2012-05-26 07:23:37Z

3

jQuery >= 1.6:

$("#Topic").prop("disabled", true);

jQuery < 1.6:

$("#Topic").attr("disabled", "disabled");

answered May 26, 2012 at 7:23

Interrobang

17.5k3 gold badges57 silver badges63 bronze badges

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

2 Comments

Samantha J T Star Over a year ago

Is setting prop a new way to set attributes. I didn't see this before. Also I'm sorry I forgot to ask. Is there also a way that I can make it read-only?

Interrobang Over a year ago

You can do the same thing, but with "readonly" instead of "disabled". Yes, .prop() sets dynamic properties, whereas .attr() sets attributes, which are read only once at page load time. See api.jquery.com/prop

jadkik94 · Accepted Answer · 2012-05-26 07:23:08Z

1

Set the attribute disabled="disabled":

$("input#Topic").attr("disabled", "disabled");

answered May 26, 2012 at 7:23

jadkik94

7,0882 gold badges34 silver badges39 bronze badges

Comments

Pierre · Accepted Answer · 2012-05-26 07:23:30Z

1

Just have to set the disabled attribute:

$('#myinput').attr('disabled', 'disabled');

To re-enable it, you can:

$('#myinput').removeAttr('disabled');

answered May 26, 2012 at 7:23

Pierre

6,1725 gold badges34 silver badges54 bronze badges

1 Comment

Samantha J T Star Over a year ago

Thanks very much. Is there also a way that I can make it read-only? I am not sure but I want to get my form values back. If it is disabled will the values be returned?

Collectives™ on Stack Overflow

How can I change an input to be disabled using jQuery?

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related