JQuery remove disabled attribute doesn't work

Question

It's very weird but I can't remove the disabled property from input, the selector is right, I can hide it for exemple :

jQuery(".hideit1").hide();`

My input:

<input title="Adresse" name="billing[street][]" id="billing:street1" value="" id0="route" style="display: inline-block;" class="hideit1 input-text  required-entry disabled" type="text">

I tried:

jQuery(".hideit1").prop("disabled", false);
jQuery(".hideit1").removeAttr("disabled");
jQuery(".hideit1").prop('disabled', function (_, val) { return ! val; });
jQuery(".hideit1").removeProp('disabled');

All the solutions of this post.

That element is not disabled...? It only has a `disabled` class, which is not the same thing — Rory McCrossan, Jul 25 '18 at 15:48
I don't know why I did not see that it was a `class` and not `prop`, it's definitely tired, thank you guys — prc, Jul 25 '18 at 15:54

score 1 · Answer 1 · answered Jul 25 '18 at 15:49

1

You have used a class, not an attribute. Use removeClass method instead.

answered Jul 25 '18 at 15:49

Lasithe

1,916
1
15
20

Zakaria Acharki · Accepted Answer · 2018-07-25T15:52:03.170

1

There's no disabled attribute in your element, instead it have a class disabled so you could use the jQuery method .removeClass() to remove it like :

jQuery(".hideit1").removeClass("disabled");

setTimeout(function() {
  $(".hideit1").removeClass("disabled");
}, 1000);

.disabled {
  background-color: #dadbdc;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input title="Adresse" name="billing[street][]" id="billing:street1" value="" id0="route" style="display: inline-block;" class="hideit1 input-text  required-entry disabled" type="text">

edited Jul 25 '18 at 15:52

answered Jul 25 '18 at 15:49

Zakaria Acharki

66,747
15
75
101

1

Fu** Yes really it is a class and not a property, thanks – prc Jul 25 '18 at 15:51
1

:D that happen brother, don't worry – Zakaria Acharki Jul 25 '18 at 15:52
That's it, Yaatik essaha – prc Jul 25 '18 at 16:50

score 1 · Answer 3 · answered Jul 25 '18 at 15:49

1

Try using

jQuery(".hideit1").removeClass('disabled');

or

jQuery(".hideit1").toggleClass('disabled');

You are trying to remove a property that isn't set, when it should be the class.

answered Jul 25 '18 at 15:49

atoms

2,993
2
22
43

JQuery remove disabled attribute doesn't work

3 Answers3