So deaktivieren Sie die HTML -Taste mit JavaScript

In JavaScript deaktivieren die Programmierer die Taste der Sendele im Formular hauptsächlich, um sicherzustellen, dass alle erforderlichen Felder vor der Einreichung ausgefüllt wurden. Außerdem hilft es, mehrere Einreichungen zu verhindern. In bestimmten Fällen möchten die Entwickler möglicherweise eine Taste basierend auf dem Status der Anwendung oder dem Ergebnis einer früheren Aktion deaktivieren. Angenommen, ein Benutzer hat das Formular bereits übermittelt oder eine Aufgabe ausgeführt. In diesem Fall deaktivieren Sie die “einreichen" oder der "vollständigSchaltfläche, um zu verhindern, dass sie sie erneut einreichen oder ausfüllen.

In diesem Artikel wird die Methode veranschaulicht, um die HTML -Schaltfläche in JavaScript zu deaktivieren.

So deaktivieren Sie die HTML -Taste mit JavaScript?

Verwenden Sie die „HTML -Taste mit JavaScript mit JavaScript, um die“ zu verwendenBehinderteEigenschaft des Schaltflächenelements. Die Schaltfläche wird auch mit dem HTML-Attribut "Deaktiviert" deaktiviert, wird jedoch dauerhaft deaktiviert und Sie können es nicht wieder wieder aufnehmen. Während der Verwendung von JavaScript kann die Eigenschaft „Deaktiviert“ deaktiviert und die Schaltfläche dynamisch aktiviert werden.

Syntax
Die angegebene Syntax wird zum Deaktivieren der Taste verwendet:

ButtonObject.Behinderte

Beispiel 1: Deaktivieren Sie die Taste
Erstellen Sie eine Schaltfläche in einer HTML -Datei und weisen Sie eine ID zu “TasteDas wird helfen, auf diese Schaltfläche zuzugreifen:

Taste

Rufen Sie die HTML -Taste in einer JavaScript -Datei mithilfe ihrer zugewiesenen ID mit Hilfe von “abGetElementById ()" Methode:

var button = dokument.getElementById ("Button");

Setzen Sie die Eigenschaft “Behinderte" Zu "WAHR”:

Taste.deaktiviert = true;

Wie Sie sehen können, wurde die Schaltfläche in der Ausgabe deaktiviert:

Beispiel 2: Deaktivieren Sie die Schaltfläche im Klickereignis
Hier deaktivieren wir die Schaltfläche, während wir darauf klicken. Holen Sie sich zunächst die Referenz der Schaltfläche mit seiner zugewiesenen ID:

var button = dokument.getElementById ("Button");

Ruf den "AddEventListener ()Methode durch Anhängen der “klicken"Ereignis, bei der die behinderte Eigenschaft festgelegt wird"WAHR”Während Sie auf die Schaltfläche klicken:

Taste.AddEventListener ("Click", function ()
if (Taste.Behinderte)
Taste.deaktiviert = falsch;

anders
Taste.deaktiviert = true;

);

Es kann beobachtet werden, dass beim Klicken auf die Schaltfläche deaktiviert wird:

Das drehte sich um die Deaktivierungsschaltfläche in JavaScript.

Abschluss

Verwenden Sie die „HTML -Taste in JavaScript in JavaScript, um die“ zu verwendenBehinderteEigenschaft des Schaltflächenelements. Es hilft, die Taste dynamisch zu aktivieren oder zu deaktivieren, während das HTML -Attribut „Deaktiviert“ die Taste dauerhaft deaktiviert. In diesem Artikel wurde die Methode zum Deaktivieren der HTML -Schaltfläche in JavaScript dargestellt.