Comment obtenir la valeur d'un bouton radio sélectionné à l'aide de JavaScript ?

Utilisation de JavaScript pour déterminer la valeur du bouton radio sélectionné

Pour obtenir la valeur sélectionnée à partir d'un groupe de boutons radio, l'attribut 'value' associé au bouton radio coché doit être accédé. Dans les versions antérieures d'Internet Explorer, cela nécessitait une approche spécifique. Cependant, pour IE9 et les versions ultérieures, ainsi que pour tous les autres navigateurs, une méthode simplifiée est disponible :

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

Cet extrait de code utilise la méthode querySelector() pour sélectionner l'élément d'entrée qui porte le « nom » l'attribut défini sur « rate » et l'attribut « checked » défini sur « true », représentant le bouton radio sélectionné. Il renvoie ensuite l'attribut 'value' du bouton radio sélectionné.

Dans le HTML fourni :

<div>

l'exécution du code suivant donnera la valeur sélectionnée :

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

Par exemple, si le bouton radio avec la valeur « Multi Rate » est coché, « rate_value » sera défini sur « Multi Rate ». En utilisant cette approche, la valeur sélectionnée peut être obtenue efficacement, quel que soit le bouton radio spécifique 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!