Comment obtenir plusieurs valeurs de case à cocher à partir du formulaire HTML

Comment obtenir plusieurs valeurs de case à cocher à partir du formulaire HTML

Les cases à cocher sont des éléments d'entrée booléens. Avec l'aide des cases à cocher, vous pouvez choisir autant d'options que possible dans la liste des données disponibles. En conséquence, vous pouvez obtenir plusieurs valeurs du formulaire HTML à afficher sur la page Web après avoir soumis un formulaire. À cette fin, les fonctions jQuery sont utilisées.

Ce message expliquera les multiples valeurs de case à cocher du formulaire HTML.

Comment obtenir plusieurs valeurs de case à cocher à partir du formulaire HTML?

Pour obtenir plusieurs valeurs de case à cocher à partir d'un formulaire HTML, créez d'abord un formulaire et spécifiez l'entrée "taper" comme "cocher". Après cela, la jQuery "valider la forme«Function () est utilisé, cela entraînera la soumission du formulaire.

Pour ce faire, suivez la procédure ci-dessous.

Étape 1: Concevoir un formulaire

Tout d'abord, concevez une forme avec l'aide du «" élément. Ensuite, ajoutez les attributs suivants à l'intérieur de la balise d'ouverture:

  • Le HTML "nom»Spécifie un nom pour un élément. Lors de la référence à l'élément en JavaScript, cet attribut de nom peut également être utilisé.
  • "surbmitte»Est un événement HTML déclenché lorsqu'un formulaire est soumis.

Étape 2: Ajouter un en-tête

Ensuite, ajoutez une direction à l'intérieur du formulaire à l'aide du «

Étape 3: Créez des cases à cocher

Après cela, utilisez le «”Elément et spécifiez le type comme"cocher”Pour créer des cases à cocher dans le formulaire. Ajoutez également un "valeur«Attribut qui spécifie la valeur d'un«" élément. L'attribut de valeur est utilisé différemment pour différents types d'entrée.

Étape 4: Création du bouton

Maintenant, faites un élément de bouton sous la forme à l'aide de "»Et spécifiez le type comme«soumettre". Ensuite, intégrez le texte à afficher sur le bouton:


Sélectionnez vos sujets




















Sortir

Étape 5: Définissez la fonction JavaScript

Dans le "»Element, nous spécifierons le code suivant:

Dans l'extrait indiqué ci-dessus:

  • Définir une fonction "valider la forme«Cela déclenchera sur la soumission du formulaire.
  • Ensuite, initialisez une variable qui stocke le résultat des éléments sélectionnés en utilisant le «carte()" fonction.
  • "getElementByid ().innerhtml”Renvoie l'élément HTML en tant qu'objet JavaScript avec la propriété prédéfinie innerhtml. Le "innerhtml»La propriété contient le contenu de la balise HTML:

Il s'agit d'obtenir les multiples valeurs de case à cocher à partir du formulaire HTML.

Conclusion

Pour obtenir les valeurs multiples à cocher à partir du formulaire HTML, le jQuery "valider la forme”Function () est utilisé, ce qui déclenchera la soumission du formulaire. De plus, initialisez la variable qui stocke les éléments sélectionnés en résulte en utilisant le «carte()" fonction. Alors, "document.getElementByid ().innerhtml”Renvoie l'élément HTML en tant qu'objet JavaScript qui a la propriété prédéfinie innerhtml. Ce tutoriel a démontré la méthode pour obtenir les valeurs de case à cocher à partir du formulaire HTML.