¿Cómo eliminar el atributo «deshabilitado» del elemento de entrada HTML usando JavaScript?

La tarea es eliminar el atributo deshabilitado del elemento de entrada usando JavaScript. Hay dos enfoques que se analizan a continuación.

Enfoque 1: seleccione el elemento de entrada y use la propiedad deshabilitada y establezca su valor en falso.

Ejemplo:

<!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>

Producción:

Enfoque 2: seleccione el elemento de entrada y use la propiedad deshabilitada y establezca su valor en falso. Este ejemplo selecciona el elemento de entrada por su clase.

Ejemplo:

<!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>

Producción:

Publicación traducida automáticamente

Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta