Déterminer la valeur du bouton radio sélectionné

Pour récupérer la valeur du bouton radio sélectionné dans un groupe, vous pouvez rencontrer des difficultés à l'aide de méthodes conventionnelles. Cet article fournit une solution à ce problème commun.

Considérez la structure HTML suivante pour un ensemble de boutons radio:

 
 pour obtenir la valeur du bouton sélectionné à l'aide de JavaScript, vous pouvez initialement tenter ce code: 
 
var rates = document.getElementById('rates').value;
 
 Cependant, cette approche récupère l'ID de l'élément div contenant au lieu de la valeur de la radio sélectionnée. Pour résoudre ce problème, utilisez le code suivant: 
 
document.querySelector('input[name="rate"]:checked').value;
 
 Ce code utilise la méthode QuerrySelector pour sélectionner le premier élément de radio correspondant dans les taux div, en vous assurant que vous obtenez la valeur du bouton vérifié spécifiquement.