par

J'ai un formulaire avec des boutons radio, comment faire pour savoir si un bouton radio est coché avec JavaScript ?

<input type="radio" name="test" value="1">
<input type="radio" name="test" value="2">
<input type="radio" name="test" value="3">

1 Réponse

+1 validé
par
 
Meilleure réponse

Pour vérifier qu'un bouton radio est coché en JavaScript, vous pouvez utiliser la méthode querySelector() de la manière suivante :

<!DOCTYPE html> 
<html> 
<head>
<meta charset="UTF-8">
<title>Comment vérifier qu'un bouton radio est coché en JavaScript ?</title>
</head>
<body>
<input type="radio" name="test" value="1"> valeur 1<br>
<input type="radio" name="test" value="2"> valeur 2<br>
<input type="radio" name="test" value="3"> valeur 2<br>
<button onclick="verifierRadio()">Envoyer</button>
<script>
var bouton_radio = "non";
function verifierRadio() {
const cases = document.querySelectorAll('input[name="test"]');
for (const x of cases) {
if (x.checked) {
var bouton_radio = "oui";
break;
}
}
if (bouton_radio == "oui") {
alert("La case cochée a la valeur : " + document.querySelector('input[name="test"]:checked').value);
}
else alert("Aucun bouton n'a été coché");
}
</script>
</body>
</html>

Vous trouverez une démo dans le Bac à codes, et d'avantage d'informations sur la manière d'utiliser querySelector(), et de tester si un bouton radio est coché, via cette page du site de Mozilla.

Lectures Informatique Recommandées

meilleurs livres informatique

Suggéré par Google

Offre Sponsorisée

Ailleurs sur le Web

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...