javascript entfernen "disabled" - Attribut von html-input

Wie kann ich die entfernen Sie das "disabled" - Attribut von HTML-Eingabe mit javascript?

<input id="edit" disabled>

bei onClick möchte ich mein input-tag, um nicht aus der "disabled" - Attribut.

InformationsquelleAutor Jam Ville | 2012-07-30
  1. 159

    Legen Sie das element disabled - Eigenschaft auf false:

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

    Wenn Sie die Verwendung von jQuery, das äquivalent wäre:

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

    Für mehrere Eingabe-Feldern können Sie durch Klasse statt:

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

    Wo document ersetzt werden könnte, mit einer form, zum Beispiel, zu finden, nur die Elemente innerhalb des Formulars. Sie können auch getElementsByTagName('input') um alle input-Elemente. In Ihrem for iteration, würden Sie dann haben, um zu überprüfen, dass inputs[i].type == 'text'.

    • ja, es funktioniert, aber ich hatte viel input benötigen, um das gleiche zu tun. Gibt es eine Tastenkombination dafür? ist diesem posible ('id1', 'id2', 'id3') ?
    • okay, siehe mein edit.
    • ja, es funktioniert! danke. dort gibt es übrigens einen typo-Fehler in geElementsBy . Ich dachte, es würde nicht funktionieren 🙂
    InformationsquelleAutor David Hedlund
  2. 25

    Warum nicht einfach entfernen Sie das Attribut?

    1. vanilla JS: elem.removeAttribute('disabled')
    2. jQuery: elem.removeAttr('disabled')
    • jQuery("#success").removeAttr("disabled"); - das funktioniert für mich, danke!
    InformationsquelleAutor Dragos Rusu
  3. 2

    Um die disabled false mit der name Eigenschaft der Eingabe:

    document.myForm.myInputName.disabled = false;
    InformationsquelleAutor Henry Hedden
  4. 0
    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>

    code, der die früheren Antworten scheinen nicht zu funktionieren im inline-Modus, es gibt aber Abhilfe: Methode 3.

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

    • Diese beiden nicht für mich arbeiten. method 1 <input type="text" onclick="this.disabled=false;" disabled> <hr> method 2 <input type="text" onclick="this.removeAttribute('disabled');" disabled>
    • Sie downvoted das nur, weil Sie nicht richtig wissen, wie zu Lesen, eine Antwort? Methode 1 ist aus der David Hedlund Reaktion, Methode 2 aus dem Dragos Rusu Antwort. Sobald ein element deaktiviert ist, wird "onclick" auf das jeweilige element wird nicht mehr im inline-Modus (habe ich nicht getestet externe js-Modus). Der einzige Weg ist, um zu simulieren "deaktiviert" ist ein wenig Abhilfe mit readonly-Attribut und etwas css. ODER eine externe "onclick" - element wie eine Schaltfläche, die ermöglicht die Eingabe mithilfe von Methode 1 und 2 (die Arbeit natürlich).
    InformationsquelleAutor eliz82
Schreibe einen Kommentar