375 Stimmen

Deaktivieren und Aktivieren einer html-Eingabetaste

Ich habe also eine Schaltfläche wie diese:

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

Wie kann ich sie deaktivieren und aktivieren, wenn ich will? Ich habe versucht disabled="disable" aber es ist ein Problem, sie wieder zu aktivieren. Ich habe versucht, sie auf false zurückzusetzen, aber das hat sie nicht aktiviert.

3voto

Hamid N K Punkte 87
$(".btncancel").button({ disabled: true });

Hier ist "btncancel" der Klassenname der Schaltfläche.

3voto

Adnan Y Punkte 2564

Auch wenn es nicht direkt mit der Frage zusammenhängt, sollten Sie diese Frage aufgreifen, wenn Sie etwas anderes als die typischen Eingabeelemente deaktivieren möchten button, input, textarea wird die Syntax nicht funktionieren.

Um ein div oder einen span zu deaktivieren, verwenden Sie setAttribute

document.querySelector('#somedivorspan').setAttribute('disabled', true);

P.S.: Verstanden, rufen Sie dies nur auf, wenn Sie beabsichtigen, es zu deaktivieren. Ein Fehler in Chrome Version 83 bewirkt, dass dies immer zu deaktivieren, auch wenn der zweite Parameter falsch ist.

2voto

Kamil Kiełczewski Punkte 69048

Ohne jQuery wird die Deaktivierung der Eingabe einfacher sein

Button.disabled=1;

function dis() {
  Button.disabled= !Button.disabled;
}

<input id="Button" type="button" value="+" style="background-color:grey" onclick="Me();"/>

<button onclick="dis()">Toggle disable</button>

2voto

Code Punkte 539
 <!--Button Disable Script-->
    <script type="text/javascript">
        function DisableButton() {
            document.getElementById("<%=btnSave.ClientID %>").disabled = true;
        }
        window.onbeforeunload = DisableButton;
    </script>
    <!--Button Disable Script-->

2voto

StefanBob Punkte 4527

Deaktivierung einer HTML-Eingabe-Schaltfläche mit JavaScript:

(Und React mit Verweisen. Ersetzen Sie "elementRef.current" durch Elementauswahl, wenn Sie nicht React verwenden)

 elementRef.current.setAttribute('disabled', 'disabled');

Aktivieren:

 elementRef.current.removeAttribute('disabled');

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X