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

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

Les boutons radio permettent aux utilisateurs de sélectionner une seule option dans un groupe de choix connexes. Récupérer la valeur du bouton radio sélectionné est une tâche courante dans le développement Web.

Problème :

Vous ne parvenez pas à récupérer la valeur sélectionnée à partir d'un groupe de boutons radio en utilisant votre code JavaScript actuel.

Solution :

Pour obtenir la valeur de la radio sélectionnée bouton, vous pouvez utiliser le code amélioré suivant :

const selectedRadio = document.querySelector('input[name="rate"]:checked');

if (selectedRadio) {
  const rateValue = selectedRadio.value;
  document.getElementById('results').innerHTML = rateValue;
}

Explication :

La méthode querySelector() recherche le premier élément du DOM qui correspond au spécifié sélecteur. Dans ce cas, il cible le bouton radio avec l'attribut de nom "rate" et l'attribut vérifié.

Une fois le bouton radio sélectionné obtenu, sa propriété value est récupérée et stockée dans la variable rateValue. Enfin, la propriété innerHTML de l'élément results est définie sur rateValue, affichant efficacement la valeur du bouton radio sélectionné.

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!