So erhalten Sie mehrere Kontrollkästchen -Werte aus dem HTML -Formular

So erhalten Sie mehrere Kontrollkästchen -Werte aus dem HTML -Formular

Kontrollkästchen sind boolesche Eingangselemente. Mit Hilfe der Kontrollkästchen können Sie aus der verfügbaren Datenliste so viele Optionen wie möglich auswählen. Infolgedessen können Sie mehrere Werte aus dem HTML -Formular erhalten, um auf der Webseite nach dem Einreichen eines Formulars angezeigt zu werden. Zu diesem Zweck werden die JQuery -Funktionen verwendet.

Dieser Beitrag erläutert die mehrfachen Kontrollkästchen -Werte aus dem HTML -Formular.

So erhalten Sie mehrere Kontrollkästchen -Werte aus dem HTML -Formular?

Um mehrere Kontrollkästchen -Werte aus einem HTML -Formular zu erhalten, erstellen Sie zunächst ein Formular und geben Sie die Eingabe an “Typ" als "Kontrollkästchen”. Danach die jQuery “validieren”Function () wird verwendet. Dies führt dazu, dass das Formular eingereicht wird.

Befolgen Sie dazu den folgenden angegebenen Verfahren.

Schritt 1: Entwerfen Sie eine Form

Entwerfen Sie zunächst eine Form mit Hilfe des “" Element. Fügen Sie dann die folgenden Attribute in das Eröffnungs -Tag hinzu:

  • Die HTML "NameGibt einen Namen für ein Element an. Bei Bezug auf das Element in JavaScript kann auch dieses Namensattribut verwendet werden.
  • ONSUBMITIst ein HTML -Ereignis, das ausgelöst wird, wenn ein Formular eingereicht wird.

Schritt 2: Überschrift hinzufügen

Fügen Sie als nächstes eine Überschrift in das Formular mit Hilfe des "hinzu"

Schritt 3: Kontrollkästchen erstellen

Danach nutzen Sie die “Element und geben Sie den Typ als “anKontrollkästchen”Um Kontrollkästchen im Formular zu erstellen. Auch ein "fügen Sie eine" hinzu "Wert”Attribut, das den Wert für eine angibt“" Element. Das Wertattribut wird für verschiedene Eingangstypen unterschiedlich verwendet.

Schritt 4: Schaltfläche erstellen

Machen Sie nun ein Knopfelement in der Form mit Hilfe von ”Und geben Sie den Typ als“ aneinreichen”. Betten Sie den Text dann auf die Schaltfläche ein:


Wählen Sie Ihre Themen aus




















Ausgang

Schritt 5: JavaScript -Funktion definieren

Im "Element geben wir den folgenden Code an:

Im obigen Snippet:

  • Eine Funktion definieren “validierenDas löst die Einreichung des Formulars aus.
  • Initialisieren Sie als nächstes eine Variable, die das Ergebnis ausgewählter Elemente unter Verwendung der “speichertKarte()”Funktion.
  • GetElementById ().Innerhtml”Wird das HTML-Element als JavaScript-Objekt mit der vordefinierten Eigenschaft Innerhtml zurückgeben. Der "InnerhtmlEigenschaft enthält den Inhalt des HTML -Tags:

Es geht darum, die Mehrfach -Kontrollkästchen -Werte aus dem HTML -Formular zu erhalten.

Abschluss

Um die mehrfachen Kontrollkästchen -Werte aus dem HTML -Formular zu erhalten, das jQuery “validieren”Function () wird verwendet. Darüber hinaus initialisieren Sie die Variable, die ausgewählte Elementergebnisse unter Verwendung der “gespeichert wirdKarte()”Funktion. Dann, "dokumentieren.GetElementById ().Innerhtml”Wird das HTML. In diesem Tutorial wurde die Methode zum Abrufen der Kontrollkästchen -Werte aus dem HTML -Formular gezeigt.