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

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;

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!