Removing 'disabled' from CSS with jQuery [duplicate]

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. — dropWizard
– dropWizard, Commented Feb 9, 2016 at 18:08

Zakaria Acharki · Accepted Answer · 2016-02-09 18:09:02Z

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 9, 2016 at 18:09

Zakaria Acharki

67.5k15 gold badges78 silver badges106 bronze badges

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

4 Comments

dropWizard Over a year ago

yes! that worked. I was trying to do it in jquery and it wasn't working.

Zakaria Acharki Over a year ago

I can't see Jquery tag in your question but you could try $('.action-submit').prop("disabled", false);.

dropWizard Over a year ago

yea, this didn't work for me :-(

Zakaria Acharki Over a year ago

Should work, you can make a fiddle?

bcr · Accepted Answer · 2016-02-09 18:10:35Z

0

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

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

answered Feb 9, 2016 at 18:10

bcr

3,82120 silver badges28 bronze badges

Collectives™ on Stack Overflow

Removing 'disabled' from CSS with jQuery [duplicate]

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related