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

Détermination de la valeur du bouton radio sélectionné

Pour récupérer la valeur du bouton radio sélectionné au sein d'un groupe, vous pouvez rencontrer des difficultés en utilisant les méthodes conventionnelles. Cet article fournit une solution à ce problème courant.

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

<div>

Pour obtenir la valeur du bouton sélectionné à l'aide de JavaScript, vous pouvez essayez d'abord 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 du bouton radio sélectionné. Pour résoudre ce problème, utilisez le code suivant :

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

Ce code utilise la méthode querySelector pour sélectionner le premier élément de bouton radio correspondant dans la division taux, garantissant que vous obtenez spécifiquement la valeur du bouton coché.

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!