How to enable a disabled input field?

Question

I want to know how to enable a disabled input field.

<input type="text" class="form" value="Text" disabled="">

I've tried to use this code via tampermonkey

var fContrl = document.getElementsByClassName("form");
for (var i = 0; i < fContrl.length; i++)
    fContrl[i].setAttribute("disabled", false);

But it doesn't work

Answer 1

You need to set the property not the attribute

// Disable
fContrl[i].disabled = true;

// Enable
fContrl[i].disabled = false;

Answer 2

remove the disabled attribute - see demo below:

var fContrl = document.getElementsByClassName("form");
for (var i = 0; i < fContrl.length; i++)
    fContrl[i].removeAttribute("disabled");

<input type="text" class="form" value="Text" disabled="">

Answer 3

Try this way:

var fContrl = document.getElementsByClassName("form");
for (var i = 0; i < fContrl.length; i++)
    fContrl[i].disabled=false;

Answer 4

Check this link.

You can directly remove the attribute disabled.

fContrl[i].removeAttribute("disabled");

Answer 5

Remove disable attribute from your input field.

JavaScript Code

fContrl[i].removeAttribute("disabled");

Answer 6

You can achieve it by changing the line

 fContrl[i].setAttribute("disabled", false);

to

fContrl[i].disabled=false;