Comment récupérer la valeur d'un bouton radio en JavaScript ?

Réponses rédigées par Antoine
Dernière mise à jour : 2017-10-11 18:24:32
Thèmes : javascript - input - radio
Question

J'ai un formulaire avec deux INPUT RADIO, comment faire pour récupérer la valeur de la case qui est cochée ?

<input type="radio" name="test" value="1">
<input type="radio" name="test" value="2">
Réponse

Pour récupérer la valeur d'un bouton radio en JavaScript , vous pouvez utiliser la méthode querySelector() de la manière suivante :

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

Dans l'exemple ci-dessus la méthode querySelector() récupère la valeur de la balise HTML input dont l'argument name est test et qui contient la propriété checked.

Remarque : Un navigateur internet ajoute automatiquement la propriété checked à la balise input dont la case est cochée.

Vous trouverez d'avantage d'information sur la manière d'utiliser querySelector(), et de récupérer la valeur d'un bouton radio, via cette page du site de Mozilla.