Removing 'disabled' from CSS with jQuery

Question

I'm using .val() to enter some data into a text box. However, when I go to click "add" I see that there is a disabled tag.

<input class="btn-primary action-submit" type="submit" value="Add" disabled="">

When I manually type in text, it disappears.

<input class="btn-primary action-submit" type="submit" value="Add">

Is there a way to remove it?

"disabled" without having to type into the text box. When I add text in using `.val()` it still is there. — Morgan Allen, Feb 09 '16 at 18:08

score 1 · Accepted Answer · answered Feb 09 '16 at 18:09

1

I'm not sure what exactly you want, but to remove attribute you could use Element.removeAttribute() method:

document.querySelector('.action-submit').removeAttribute('disabled');
//or
document.getElementsByClassName("action-submit")[0].removeAttribute('disabled');

Hope this helps.

answered Feb 09 '16 at 18:09

Zakaria Acharki

65,304
15
70
95

yes! that worked. I was trying to do it in jquery and it wasn't working. – Morgan Allen Feb 09 '16 at 18:12
I can't see Jquery tag in your question but you could try `$('.action-submit').prop("disabled", false);`. – Zakaria Acharki Feb 09 '16 at 18:14
yea, this didn't work for me :-( – Morgan Allen Feb 09 '16 at 18:15
Should work, you can make a **[fiddle](https://jsfiddle.net/jnwrc5ay/)**? – Zakaria Acharki Feb 09 '16 at 18:20

score 0 · Answer 2 · answered Feb 09 '16 at 18:10

0

To remove the disabled property with jQuery you would use this:

$('.action-submit').removeProp('disabled');

answered Feb 09 '16 at 18:10

Brian

3,701
16
26

Removing 'disabled' from CSS with jQuery

2 Answers2