Discussion :

[stelline]

Bonjour,

J'aimerai pouvoir limiter le nombre de cases à cocher à 2 maximum.
J'ai trouvé quelques solutions sur Internet mais la plupart ne traite pas les cases à cocher sous forme de tableau… du coup je suis dans l'impasse !

J'ai donc une question avec 3 réponses possibles.
Voici le code pour le formulaire :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
<input name="q3[]" type="checkbox" id="q3[]" value="L'accès plus rapide au service pour vous et pour les parents">L’accès plus rapide au service pour vous et pour les parents
<br>
 
<input name="q3[]" type="checkbox" id="q3[]" value="Que les parents soient prévenus gratuitement par SMS a l’arrivée de chaque message">Que les parents soient pr&eacute;venus gratuitement par SMS &agrave; l’arriv&eacute;e de chaque message
<br>
 
<input name="q3[]" type="checkbox" id="q3[]" value="Connaitre le nombre total d’appels des parents a la fin du séjour">Connaître le nombre total d'appels des parents à la fin du séjour<br>

Pour le traitement par mail, voici le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
$mail_corps .= "3/ Quels nouveaux services mis en place en 2009 appreciez-vous le plus ?\n";
if (isset($_POST['q3'])) {
    for ($i = 0, $c = count($_POST['q3']); $i < $c; $i++) {
$mail_corps .= $_POST['q3'][$i] ."\n\n";
 
    }
}

Merci beaucoup.

[andry.aime]

Bonjour et Bienvenue sur Développez.

Un id doit être unique dans un document, là tu as trois fois le même id.

Code JAVASCRIPT :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function test()
{
 var a = document.getElementsByName('q3[]');
 var j=0;
 for(var i=0;i<a.length;i++)
 {
   if(a[i].checked) j++;
 }
 if(j>2) 
 {
    alrt('Vous avez coche plus de 2 case');
	return false;
 }
 return true;
}

Et dans le formulaire

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

<form onsubmit="return test()" ...>

[stelline]

Bonsoir et merci pour votre retour.

J'ai donc utilisé votre script :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function test()
{
 var a = document.getElementsByName('q3[]');
 var j=0;
 for(var i=0;i<a.length;i++)
 {
   if(a[i].checked) j++;
 }
 if(j>2) 
 {
    alert('Vous avez coche plus de 2 case');
	return false;
 }
 return true;
}

Plutôt en menant l'action sur le clic des cases et non sur la validation du formulaire :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<input name="q3[]" type="checkbox" value="L&acute;acces plus rapide au service pour vous et pour les parents" onClick="test(this)">
                    L’acc&egrave;s plus rapide au service pour vous et pour les parents

etc.

L'action marche bien car j'ai bien un message pour me prévenir, mais le souci c'est qu'il laisse quand même la 3eme case cochée…
Avez-vous une idée ?

Merci.

[andry.aime]

Bonjour,
ce code était pour prévenir si on a coché plus de deux case et inhibe l'envoie du formulaire, mais avec ce que tu veux faire:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function test(obj)
{
 var a = document.getElementsByName('q3[]');
 var j=0;
 for(var i=0;i<a.length;i++)
 {
   if(a[i].checked) j++;
 }
 if(j>2) 
 {
    alert('Vous avez coche plus de 2 case');
    obj.checked=false;
	return false;
 }
 return true;
}

Je t'invite de passer aux tutoriels javascript et la FAQ.