Aller au contenu

[RESOLU]Contrôle de checkbox


Ferguss0N

Messages recommandés

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

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 :D

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

×
×
  • Créer...