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: Sortir Étape 5: Définissez la fonction JavaScript Dans le "»Element, nous spécifierons le code suivant: Dans l'extrait indiqué ci-dessus: 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.