Legen Sie das Attribut Deaktiviert mit JavaScript fest
Während des Erstellens von Webseiten oder Websites, die Benutzerinteraktion beinhalten. Zum Beispiel eingeben Namen, Passwort usw. Darüber hinaus beschränkt sich der Benutzer daran, ein Feld einzugeben oder ein Formular einzureichen, wenn eine bestimmte Anforderung erfüllt ist. In solchen Fallszenarien wird das Festlegen des deaktivierten Attributs mit JavaScript sehr hilfreich bei der Bereitstellung einer Kommunikationsmodus zwischen dem Entwickler und dem Endbenutzer.
In diesem Artikel wird veranschaulicht.
So setzen Sie das Attribut "Deaktiviert" in JavaScript?
Der "Behinderte"Attribut kann mit Hilfe der" festgelegt werden "setAttribute ()" Methode. Die Methode setAttribute () weist einem Attribut einen bestimmten Wert zu. Diese Methode kann angewendet werden, um einem Element ein bestimmtes Attribut zuzuweisen.
Syntax
Element.setAttribute (Name, Wert)
In der obigen Syntax:
- “NameGibt den Namen des Attributs an.
- “Wert”Entspricht dem Wert des neuen Attributs.
Folgen wir den folgenden Beispielen.
Beispiel 1: Legen Sie das Attribut „Deaktiviert“ eines Eingangsfeldes fest
In diesem Beispiel wird ein einzelnes Eingabefeld bei der Schaltfläche Klicken deaktiviert.
Beobachten wir das untergegebene Beispiel:
In den obigen Codezeilen:
- Fügen Sie ein Eingabefeld mit dem angegebenen “ein“Ausweis" und ein "Platzhalter" Wert.
- Erstellen Sie auch eine Schaltfläche mit einem Anhang “ONCLICK”Ereignisumleitungen zur Funktion SetDisable ().
- Deklarieren Sie im JavaScript -Teil des Codes eine Funktion namens “setdisable ()”. Greifen Sie in seiner Definition mit seinem “auf das enthaltene Eingangsfeld zuAusweis" im "GetElementById ()" Methode.
- Schließlich wenden Sie die “an“setAttribute ()"Methode so, dass dem abgerufenen Element im vorherigen Schritt das Attribut zugewiesen wird"Behinderte”.
- Dies führt dazu, dass das Eingabefeld bei der Schaltfläche Klick deaktiviert wird.
Ausgang
Aus der obigen Ausgabe kann beobachtet werden, dass das Eingangsfeld bei der Schaltfläche Klick deaktiviert wird.
Beispiel 2: Legen Sie das Attribut "Deaktiviert" mit Hilfe eines Booleschen Wertes fest
In diesem Beispiel wird dem deaktivierten Attribut einen booleschen Wert zugewiesen, um die gewünschte Funktionalität auszuführen.
Das folgende Beispiel erklärt das angegebene Konzept:
Nach dem obigen Code -Snippet:
- Eine Eingabe zuweisen “Textbereich"Element mit dem angegebenen"Ausweis”.
- Erstellen Sie auch eine Schaltfläche mit einer "ONCLICKEreignis, das die Funktion setdisable () aufrufen wird ().
- Definieren Sie im JavaScript -Teil des Codes eine Funktion namens “setdisable ()”. In seiner Definition auf den enthaltenen Textbereich in ähnlicher Weise zugreifensetAttribute ()"Methode und zuweisen Sie ihm einen booleschen Wert"WAHR", bzw.
- Dies deaktiviert den Eingabtextbereich bei der Schaltfläche Klicken Siegeblich.
Ausgang
Der "Behinderte”Attribut wird auf ordnungsgemäße Weise festgelegt.
Beispiel 3: Setzen Sie das Attribut "Deaktiviert" auf mehrere Elemente
Dieses Beispiel führt zum Einstellen der “Behinderte”Attribut so, dass verschiedene Elemente bei der Schaltfläche gleichzeitig deaktiviert werden.
Überlegen wir das untergegebene Beispiel:
Gehen Sie die folgenden Schritte durch, wie im obigen Code -Snippet angegeben:
- Zunächst geben Sie die Eingabe ein “Textfelder" und ein "KontrollkästchenElement mit der angegebenen Klasse.
- Erstellen Sie ebenfalls eine Schaltfläche mit einer "ONCLICKEreignis auf die Funktion setdisable ().
- Deklarieren Sie im JavaScript -Teil des Codes eine Funktion namens “setdisable ()”. Greifen Sie in seiner Definition mit der “auf die enthaltenen Elemente zuGetElements byclassName ()" Methode.
- Danach anwenden Sie die “für”Schleife. Wenden Sie in der Schleife das ansetAttribute ()Methode so, dass alle enthaltenen Elemente bei der Schaltfläche Klicken deaktiviert werden.
Ausgang
Aus der obigen Ausgabe ist es offensichtlich, dass alle Elemente bei der Schaltfläche Klicken deaktiviert werden.
Abschluss
Der "setAttribute ()Die Methode kann implementiert werden, indem unterschiedliche Parameter verwendet werden, um das deaktivierte Attribut mit JavaScript festzulegen. Diese Methode kann auf ein Eingabefeld mit oder ohne zugewiesenen booleschen Wert angewendet werden. Es kann auch verwendet werden, um mehrere Elemente gleichzeitig zu deaktivieren. In diesem Tutorial wurde erläutert, wie das Deaktivierungsattribut mit JavaScript festgelegt wird.