Comment obtenir la valeur d'un bouton radio sélectionné en JavaScript ?

Obtention de la valeur du bouton radio sélectionné

Une tâche courante lorsque vous travaillez avec des formulaires consiste à récupérer la valeur du bouton radio sélectionné. Dans ce contexte, un programme JavaScript a rencontré un problème où la valeur du bouton radio renvoyait une valeur indéfinie.

Le code fourni pour la fonction findSelection parcourt tous les boutons radio d'un formulaire, vérifiant lequel est coché et renvoyant sa valeur. . Cependant, le code a rencontré un problème lors de sa configuration initiale, car il a attribué par erreur le nom du formulaire aux variables de test et de tailles.

Une solution simplifiée et efficace à ce problème consiste à utiliser le code suivant :

document.querySelector('input[name="genderS"]:checked').value;

Ce code utilise la méthode document.querySelector pour sélectionner le bouton radio coché par son attribut de nom ("genderS"). Le sélecteur :checked garantit que seul le bouton radio coché est sélectionné. La propriété value récupère la valeur du bouton radio sélectionné.

Cette solution est compatible avec tous les principaux navigateurs et ne nécessite aucune bibliothèque supplémentaire comme jQuery

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!