disable textbox by jquery

Question

I'm trying to disable textbox using jquery:

$('#<%=txtFrom.ClientID %>').attr('disabled', true);

It looks as disabled: , but actually it's not, I can write there. Why?

UPDATE: Fixed by adding input in the code:

$('#<%=txtFrom.ClientID %> input').attr('disabled', true);

If what you want is just read only: stackoverflow.com/questions/1306708/… — Mario Corchero
– Mario Corchero, Commented Feb 14, 2013 at 21:30
Seems to work for me, but prop() is actually the preferred method, and did you remember document.ready ? — adeneo
– adeneo, Commented Feb 14, 2013 at 21:31
Of course, I used after document.ready, actually after Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded. — Alexan
– Alexan, Commented Feb 14, 2013 at 21:33
Mario, you mean I should use ReadOnly instead disabled? Disabled worked for me before. — Alexan
– Alexan, Commented Feb 14, 2013 at 21:34
Sounds like your jQuery selector was wrong, punch $('#<%=txtFrom.ClientID %>) into the browser console debug window and see what you get. — Snixtor
– Snixtor, Commented Feb 14, 2013 at 21:39

red_alert · Accepted Answer · 2013-02-15 15:17:51Z

1

You need to do that:

$('#YOUR_ELEMENT_ID').attr("disabled", "disabled");

answered Feb 15, 2013 at 15:17

red_alert

1,72814 silver badges24 bronze badges

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

1 Comment

Why? If it works with true and false? I prefer to use boolean value, because actually I use some condition to enable and disable it.