javascript eliminar el atributo "disabled" a la entrada html

Question

¿Cómo puedo eliminar el atributo "disabled" a una entrada html usando javascript?

<input id=edit disabled> 

en onclick Yo quería que mi etiqueta de entrada no consistiera en el atributo "disabled".

Answer 1

Conjunto disabled la propiedad del elemento en false:

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

Si estás usando jQuery, el equivalente sería:

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

Durante varios campos de entrada, es posible acceder a ellos por clase en vez :

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

Donde document podría sustituirse por forma, por ejemplo, para encontrar solo los elementos dentro de esa forma. También puede usar getElementsByTagName('input') para obtener todos los elementos de entrada. En su iteración for, entonces debe verificar que inputs[i].type == 'text'.

Answer 2

Para establecer el disabled a falso utilizando la propiedad name de la entrada:

document.myForm.myInputName.disabled = false; 

Answer 3

¿Por qué no eliminar ese atributo?

1. JS vainilla: elem.removeAttribute('disabled')
2. jQuery: no parecen elem.removeAttr('disabled')

Answer 4

method 1 <input type="text" onclick="this.disabled=false;" disabled> 
<hr> 
method 2 <input type="text" onclick="this.removeAttribute('disabled');" disabled> 
<hr> 
method 3 <input type="text" onclick="this.removeAttribute('readonly');" readonly> 

código de las respuestas anteriores para trabajar en el modo en línea, pero hay una solución: Método 3.

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