Vérifier groupe de bouton radio JS [Résolu/Fermé]

Signaler
Messages postés
31
Date d'inscription
vendredi 27 septembre 2013
Statut
Membre
Dernière intervention
9 octobre 2015
-
Messages postés
31
Date d'inscription
vendredi 27 septembre 2013
Statut
Membre
Dernière intervention
9 octobre 2015
-
Bonjour,

Je souhaiterai vérifier plusieurs groupe de bouton radio et retourner un message d'erreur si il manque un groupe ou aucun bouton n'est sélectionné.

Pour l'instant j'ai réussi à envoyer un alert pour un seul groupe, mais je suis quand même envoyé sur la page des résultats après avoir cliqué sur le "ok" de l'alert...

Je suis pas très fort en JS, un peu d'aide svp :) :)

Voici une partie de mon html :

<form method="post" action="resultats/" class="formulairebo">
 
<input type="radio" name="conditiontravail" id="case1" value="5"/> <label for="plaisir">Plaisir</label><br>
<input type="radio" name="conditiontravail" id="case2" value="4"/> <label for="habitude">Habitude</label><br>
<input type="radio" name="conditiontravail" id="case3" value="3"/> <label for="gene">Gêne</label><br>
<input type="radio" name="conditiontravail" id="case4" value="2"/> <label for="aigreur">Aigreur</label><br>
 
<input type="radio" name="chargetravail" id="case1" value="5"/> <label for="plaisir">Plaisir</label><br>
<input type="radio" name="chargetravail" id="case2" value="4"/> <label for="habitude">Habitude</label><br>
<input type="radio" name="chargetravail" id="case3" value="3"/> <label for="gene">Gêne</label><br>
<input type="radio" name="chargetravail" id="case4" value="2"/> <label for="aigreur">Aigreur</label><br>
 
 
<input type="radio" name="satisfaction" id="case1" value="5"/> <label for="plaisir">Plaisir</label><br>
<input type="radio" name="satisfaction" id="case2" value="4"/> <label for="habitude">Habitude</label><br>
<input type="radio" name="satisfaction" id="case3" value="3"/> <label for="gene">Gêne</label><br>
<input type="radio" name="satisfaction" id="case4" value="2"/> <label for="aigreur">Aigreur</label><br>
 
 
    <input type="submit" value="Valider" onclick="testradio()"/>
 
</form>


Et le JS :

<script>
function testradio() {
    var bouton = document.getElementsByName('satisfaction');
    if (bouton[0].checked == false && bouton[1].checked == false) {
        alert("Veuillez répondre à l'onglet satisfaction");
    return false;
    } else {
    return true;
    }
}
</script>


Merci beaucoup pour votre aide !

1 réponse

Messages postés
31
Date d'inscription
vendredi 27 septembre 2013
Statut
Membre
Dernière intervention
9 octobre 2015
10
Merci à tous, mais j'ai trouvé, j'ai rajouté un class="radiocheck" et changer mon getElementsByName('satisfaction') par getElementsByClassName('radiocheck') et il vérifie tous mes boutons radios maintenant !

Ah oui j'avais fait l'erreur aussi de mettre un onclick sur le bouton de validation au lieu de mettre un onsubmit="return testradio()" dans <form>

Voilà voilà !