Maison > interface Web > js tutoriel > Comment éviter « Indéfini » lors de la récupération des valeurs des boutons radio sélectionnés ?

Comment éviter « Indéfini » lors de la récupération des valeurs des boutons radio sélectionnés ?

Patricia Arquette
Libérer: 2024-12-08 09:01:11
original
792 Les gens l'ont consulté

How to Avoid

Comment récupérer efficacement les valeurs des boutons radio sélectionnés

L'obtention de la valeur sélectionnée à partir d'un groupe de boutons radio peut être cruciale dans le développement Web . Cependant, votre code actuel rencontre le problème du retour de « non défini ». Ce problème provient de l'approche consistant à obtenir la valeur sélectionnée via le div "rates".

Pour récupérer efficacement la valeur sélectionnée, utilisez l'extrait de code suivant :

document.querySelector('input[name="rate"]:checked').value;
Copier après la connexion

Ce code utilise le méthode document.querySelector() pour localiser le bouton radio coché dans le groupe. Il y parvient en spécifiant l'attribut name et la pseudo-classe :checked, garantissant ainsi la précision de la sélection. Une fois le bouton radio coché identifié, la propriété value est accessible pour récupérer sa valeur associée.

Cette approche est prise en charge dans IE9 et versions ultérieures, ainsi que dans tous les autres navigateurs modernes. Il fournit un moyen simple et fiable d'obtenir la valeur sélectionnée à partir d'un groupe de boutons radio, éliminant ainsi le problème « non défini » que vous avez rencontré.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal