javascript rimuovere l'attributo "disabled" per l'input HTML

Question

Come posso rimuovere l'attributo "disabled" su un input html usando javascript?

<input id=edit disabled> 

in onclick Volevo che il mio tag di input non consistesse in un attributo "disabled".

Answer 1

Set disabled proprietà dell'elemento su false:

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

Se stai usando jQuery, l'equivalente sarebbe:

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

Per diversi campi di input, è possibile accedere per classe, invece :

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

Dove document potrebbe essere sostituito con un forma, per esempio, per trovare solo gli elementi all'interno di quella forma. È anche possibile utilizzare getElementsByTagName('input') per ottenere tutti gli elementi di input. Nella tua iterazione for, dovresti quindi verificare che inputs[i].type == 'text'.

Answer 2

Per impostare il disabled false utilizzando la proprietà name dell'ingresso:

document.myForm.myInputName.disabled = false; 

Answer 3

Perché non solo rimuovere l'attributo?

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

codice

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> 

delle risposte precedenti non sembrano funzionare in modalità in linea, ma c'è una soluzione: metodo 3.

vedere la demo https://jsfiddle.net/eliz82/xqzccdfg/