Wie deaktiviert man die HTML-Taste mit JavaScript?

Ich habe gelesen, dass können Sie deaktivieren (stellen Sie physisch unklickbaren) eine html-Schaltfläche einfach aber anfügen "deaktivieren", um seine tag, aber nicht als Attribut, wie folgt:

<input type="button" name=myButton value="disable" disabled>

Seit diese Einstellung ist nicht ein Attribut, wie kann ich diese dynamisch per JavaScript zu deaktivieren Sie eine Schaltfläche, die zuvor aktiviert war?

InformationsquelleAutor der Frage Jack Roscoe | 2010-06-10

  1. 232

    Da diese Einstellung nicht ein Attribut

    Es ist ein Attribut.

    Einige Attribute sind definiert als boolean, das heißt, Sie können angeben, Ihren Wert und lassen alles andere aus. d.h. Anstelle von disabled="deaktiviert", Sie gehören nur der Fette Teil. In HTML 4, Sie sollte gehören nur der Fette Teil als Vollversion markiert ist, als eine Funktion mit begrenzter Unterstützung (obwohl das weniger wahr, jetzt, dann, wenn die spec geschrieben wurde).

    Als von HTML 5, die Regeln haben sich geändert und jetzt ist Sie nur der name und nicht der Wert. Das macht keinen praktischen Unterschied, da der name und der Wert sind die gleichen.

    Den DOM-Eigenschaft ist auch als disabled und ist ein boolescher Wert, nimmt true oder false.

    foo.disabled = true;

    In der Theorie können Sie auch foo.setAttribute('disabled', 'disabled'); und foo.removeAttribute("disabled"), aber ich würde nicht Vertrauen, diese mit älteren Versionen von Internet Explorer (die sind notorisch buggy, wenn es um setAttribute).

    InformationsquelleAutor der Antwort Quentin

  2. 134

    deaktivieren

    document.getElementById("btnPlaceOrder").disabled = true;

    aktivieren

    document.getElementById("btnPlaceOrder").disabled = false;

    InformationsquelleAutor der Antwort kaushar

  3. 22

    Ist ein Attribut, sondern ein boolean (damit es nicht brauchen einen Namen, nur einen Wert-ich weiß, es ist seltsam). Sie können die Eigenschaft äquivalent in Javascript:

    document.getElementsByName("myButton")[0].disabled = true;

    InformationsquelleAutor der Antwort Andy E

  4. 10

    Versuchen Sie Folgendes:

    document.getElementById("id").setAttribute("disabled", "disabled");

    InformationsquelleAutor der Antwort Maksim Kondratyuk

  5. 4

    Wenn Sie das button-Objekt, genannt b: b.disabled=false;

    InformationsquelleAutor der Antwort dplass

  6. 4

    Es ist immer noch ein Attribut. Einstellung:

    <input type="button" name=myButton value="disable" disabled="disabled">

    ... gültig ist.

    InformationsquelleAutor der Antwort Oli

  7. 4

    Ich denke, der beste Weg könnte sein:

    $("#ctl00_ContentPlaceHolder1_btnPlaceOrder").attr('disabled', true);

    Funktioniert es cross-browser.

    InformationsquelleAutor der Antwort Benito

  8. 2
    <button disabled=true>text here</button>

    Können Sie immer noch ein Attribut. Verwenden Sie einfach die "deaktiviert" - Attribut anstelle von 'Wert'.

    InformationsquelleAutor der Antwort anonymous

  9. 0

    Verschiedene Möglichkeiten, es zu tun:

    function disableBtn() {
    document.getElementById("myBtn").disabled = true;
}

    oder

     $(document).on("click", ".create-user", function (e) {
          $(".create-user").attr("disabled", true);
}

    InformationsquelleAutor der Antwort Mohan Prasad

Schreibe einen Kommentar