Hvordan få flere avkrysningsboksverdier fra HTML -skjema
Krysebokser er boolsk-holder inngangselementer. Ved hjelp av avmerkingsboksene kan du velge så mange alternativer som mulig fra den tilgjengelige datalisten. Som et resultat kan du få flere verdier fra HTML -skjemaet for å vises på nettsiden etter å ha sendt inn et skjema. For det formålet brukes jQuery -funksjonene.
Dette innlegget vil forklare flere avmerkingsboksverdier fra HTML -skjemaet.
Hvordan få flere avkrysningsboksverdier fra HTML -skjema?
For å få flere avmerkingsboksverdier fra en HTML -skjema, først, oppretter du et skjema og spesifiserer inngangen "type" som "avkrysningsrute”. Etter det, jQuery “Validateform”Funksjon () brukes, dette vil føre til at skjemaet sendes inn.
For å gjøre det, følg prosedyren nedenfor.
Trinn 1: Design et skjema
Først må du designe en form ved hjelp av "”Element. Legg deretter til følgende attributter inne i åpningskoden:
- HTML “Navn”Angir et navn for et element. Når du refererer til elementet i JavaScript, kan dette navnegenskapen også brukes.
- “Onsubmit”Er en HTML -hendelse utløst når et skjema sendes inn.
Trinn 2: Legg til overskrift
Deretter legger du til en overskrift inne i skjemaet ved hjelp av " Trinn 3: Lag avmerkingsboks Etter det, bruk "”Element og spesifisere typen som“avkrysningsrute”For å lage avmerkingsbokser i skjemaet. Legg også til en "verdi”Attributt som spesifiserer verdien for en“”Element. Verdiattributtet brukes annerledes for forskjellige inngangstyper. Trinn 4: Opprett knapp Lag nå et knappelement i skjemaet ved hjelp av “”Og spesifisere typen som“sende inn”. Deretter legger du inn teksten som skal vises på knappen: Produksjon Trinn 5: Definer JavaScript -funksjon I “”Element, vi vil spesifisere følgende kode: I ovennevnte utdrag: Det handler om å få flere avmerkingsboksverdier fra HTML -skjemaet. Konklusjon For å få flere avmerkingsboksverdier fra HTML -skjemaet, jQuery “Validateform”Funksjon () brukes, som vil utløse skjemainnlevering. Dessuten, initialiser variabelen som lagrer valgte elementer, resultater ved å bruke "kart()”Funksjon. Deretter, "dokument.getElementById ().indrehtml”Vil returnere HTML-elementet som et JavaScript-objekt som har den forhåndsdefinerte egenskapen Innerhtml. Denne opplæringen har demonstrert metoden for å få avmerkingsboksverdiene fra HTML -skjemaet.