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: Ausgang Schritt 5: JavaScript -Funktion definieren Im "Element geben wir den folgenden Code an: Im obigen Snippet: 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.