javascript usuń atrybut "disabled" dla html input

Question

Jak mogę usunąć atrybut "disabled" dla danych wejściowych html przy użyciu javascript?

<input id=edit disabled> 

w onclick Chciałam, aby mój tag wejściowy nie składał się z "wyłączonego" atrybutu.

Answer 1

ustawić elementu disabled właściwość false:

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

Jeśli używasz jQuery, odpowiednik byłoby:

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

kilku pól wejściowych, można uzyskać do nich dostęp przez klasy zamiast :

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

Gdzie document można zastąpić na przykład, aby znaleźć tylko elementy wewnątrz tej formy. Możesz także użyć getElementsByTagName('input'), aby uzyskać wszystkie elementy wejściowe. W Twojej iteracji for musisz sprawdzić, czy jest to inputs[i].type == 'text'.

Answer 2

Aby ustawić disabled false pomocą właściwości name wejścia:

document.myForm.myInputName.disabled = false; 

Answer 3

Dlaczego nie po prostu usunąć ten atrybut?

1. wanilii JS: elem.removeAttribute('disabled')
2. jQuery: 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> 

kod z poprzednich odpowiedzi nie wydają się działać w trybie inline, ale istnieje obejście: Metoda 3.

zobaczyć demo https://jsfiddle.net/eliz82/xqzccdfg/