Ferguss0N Posté(e) le 21 août 2009 Partager Posté(e) le 21 août 2009 Salut à tous, Encore une fois je me retrouve confronter à un problème de contrôle en javascript cette fois ci avec des checkbox... Voici le code : <form action="" method="post" name="formContact" onsubmit="return verifContact();"> <input type="checkbox" name="checkbox1">checkbox1 <input type="checkbox" name="checkbox2">checkbox2 <input type="checkbox" name="checkbox3">checkbox3 <input type="submit" value="envoyer"> </form> <script> function verifContact(){ var coches=0; if(document.getElementsByName("checkbox1").checked == true){ coches++; } if(document.getElementsByName("checkbox2").checked == true){ coches++; } if(document.getElementsByName("checkbox3").checked == true){ coches++; } if(coches==0){ alert("Veuillez cocher une case"); return false; } } </script> Voilà, les contrôle s'effectue sur mes checkbox mais le problème est que l'alerte s'affiche même quand une des 3, voire les 3 sont cochées... donc c'est un peu gênant... Si quelque à la solution... :) Lien vers le commentaire Partager sur d’autres sites More sharing options...
Spaz001 Posté(e) le 21 août 2009 Partager Posté(e) le 21 août 2009 le S de getElementSByName n'est pas une décoration '^^ Need [0] Lien vers le commentaire Partager sur d’autres sites More sharing options...
Ferguss0N Posté(e) le 21 août 2009 Auteur Partager Posté(e) le 21 août 2009 Salut, le S de getElementSByName n'est pas une décoration '^^Need [0] Peux-tu expliciter ton propos car 2 lignes ça ne m'explique pas. Le S à la place du s ne fait pas fonctionner ma boite... Need [0] pas compris :o Lien vers le commentaire Partager sur d’autres sites More sharing options...
Spaz001 Posté(e) le 21 août 2009 Partager Posté(e) le 21 août 2009 if(document.getElementsByName("checkbox1")[0].checked == true){ idem pour les autres Lien vers le commentaire Partager sur d’autres sites More sharing options...
Ferguss0N Posté(e) le 21 août 2009 Auteur Partager Posté(e) le 21 août 2009 if(document.getElementsByName("checkbox1")[0].checked == true){ idem pour les autres Effectivement ça fonctionne, merci pour le coup de main J'avais trouvé une autre solution : <form action="" method="post" name="formContact" onsubmit="return verifContact();"> <input type="radio" name="chk">checkbox1 <input type="radio" name="chk">checkbox2 <input type="radio" name="chk">checkbox3 <input type="submit" value="envoyer"> </form> <script language="javascript"> function verifContact(){ if(document.formContact.chk[0].checked==false && document.formContact.chk[1].checked==false && document.formContact.chk[2].checked==false){ alert("Veuillez cocher une case."); return false; } return true; } </script> Merci quand même Lien vers le commentaire Partager sur d’autres sites More sharing options...
Messages recommandés
Archivé
Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.