The task is to remove the disabled attribute from the input element using JavaScript. This can be achieved by the following two approaches.
Approach 1: Select the input element and use disabled property and set its value to false.
Example : This example implements the above approach
html
<!DOCTYPE html>
< html >
< head >
< title >
How to remove “disabled” attribute from
HTML input element using JavaScript ?
</ title >
< style >
body {
text-align: center;
}
h1 {
color: green;
}
</ style >
</ head >
< body >
< h1 style = "color:green;" >
GeeksforGeeks
</ h1 >
< p >
Click on the button to remove disabled attribute
</ p >
Type:
< input id = "input" disabled />
< br >
< br >
< button onclick = "myGFG()" >
Click Here
</ button >
< p id = "gfg" >
</ p >
< script >
var down = document.getElementById("gfg");
function myGFG() {
document.getElementById('input').disabled = false;
down.innerHTML = "Disabled Attribute removed";
}
</ script >
</ body >
</ html >
|
Output:

Approach 2: Select the input element and use disabled property and set its value to false. This example selects input element by its class.
Example: This example implements the above approach
html
<!DOCTYPE HTML>
< html >
< head >
< title >
How to remove “disabled” attribute from
HTML input element using JavaScript ?
</ title >
< style >
body {
text-align: center;
}
h1 {
color: green;
}
</ style >
</ head >
< body >
< h1 style = "color:green;" >
GeeksforGeeks
</ h1 >
< p >
Click on the button to remove disabled attribute
</ p >
Type:
< input id = "input" disabled />
< br >
< br >
< button onclick = "myGFG()" >
Click Here
</ button >
< p id = "gfg" >
</ p >
< script >
var down = document.getElementById("gfg");
function myGFG() {
var input = document.getElementsByClassName('inputClass');
for (var i = 0; i < input.length ; i++) {
input[i] .disabled = false ;
}
down.innerHTML = "Disabled Attribute removed" ;
}
</script>
</ body >
</ html >
|
Output:
