javascript eliminar el atributo “disabled” de la entrada html

¿Cómo puedo eliminar el atributo “deshabilitado” de una entrada HTML usando javascript?

 

en onClick quiero que mi etiqueta de entrada no consista en el atributo “deshabilitado”.

Establezca la propiedad disabled del elemento en falso:

 document.getElementById('my-input-id').disabled = false; 

Si usas jQuery, el equivalente sería:

 $('#my-input-id').prop('disabled', false); 

Para varios campos de entrada, puede acceder a ellos por clase en su lugar:

 var inputs = document.getElementsByClassName('my-input-class'); for(var i = 0; i < inputs.length; i++) { inputs[i].disabled = false; } 

Donde el document podría ser reemplazado con un formulario, por ejemplo, para encontrar solo los elementos dentro de ese formulario. También puede usar getElementsByTagName('input') para obtener todos los elementos de entrada. En su iteración, deberá verificar que las inputs[i].type == 'text' .

¿Por qué no simplemente eliminar ese atributo?

  1. vanilla JS: elem.removeAttribute('disabled')
  2. jQuery: elem.removeAttr('disabled')

Para configurar el disabled en falso usando la propiedad del name de la entrada:

 document.myForm.myInputName.disabled = false; 
 method 1  
method 2
method 3

el código de las respuestas anteriores no parece funcionar en modo en línea, pero hay una solución: método 3.

ver demo https://jsfiddle.net/eliz82/xqzccdfg/