verifier si checkbox sont cochées

Version imprimable

bjour. Voila j'avas vu un script permettant de verifier si des checkbox ont été cochées ou pas, mais ce script se basait sur la valeur name, et mes valeurs sont differentes pour chaque case.

Quel code meteriez vous pour afficher dans une box 'alert', si aucune liste n'est encore cochée ? Merci d'avance de votre aide. :)
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <ul class="list"> <li class="list"> <input type="checkbox" name="list[1]" value=signup /> moto <div class="listdescription"> <input type=hidden name="listname[1]" value="moto"/> </div> </li> <li class="list"> <input type="checkbox" name="list[7]" value=signup /> auto <div class="listdescription"> <input type=hidden name="listname[7]" value="auto"/> </div> </li>

27/09/2006, 11h31
metatron

Quelqu'un aurait une idée ?
27/09/2006, 14h39
metatron

up, personne ne voit ? :(
27/09/2006, 15h38
denisC

Citation:

Envoyé par metatron

up, personne ne voit ? :(

:faq:

http://javascript.developpez.com/faq...ps#valCheckbox

En se basant la dessus, ça va mieux?

salut denisC, j'avais vu ce script, mais qui ne marche si c'est le meme nom. Comment l'adapter si il y'a plusieurs listes avec des noms diferents ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script>
for (i=0; i<document.nomduform.nomdescases.length; i++) {
    if (document.nomduform.nomdescases[i].checked) 
      // cochée 
   else 
      alert("Veuillez cocher une case ! "); 
}
</script>
<ul class="list">
          <li class="list">
            <input type="checkbox" name="list[1]" value=signup  />
            moto
            <div class="listdescription">
              <input type=hidden name="listname[1]" value="moto"/>
            </div>
          </li>
          <li class="list">
            <input type="checkbox" name="list[7]" value=signup  />
            auto
            <div class="listdescription">
              <input type=hidden name="listname[7]" value="auto"/>
            </div>
          </li>

Re, bon avec le script fourni par DenisC, j'ai commence a tester le controle sur UNE liste (et faire pareil avec les autres apres). Mais quand j'appuie sur le submit i ne se passe rien, alors qu'ild evrai m'afficher 'case pas cochée' ? savez vous ce qui ne va pas ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script> function control_list(){ for (i=0; i<document.validation.list.length; i++) { if (document.validation.list[i].checked) alert("case pas cochee"); else return true; } } </script> <form method="post" name="validation" > liste 1 <input type="checkbox" name="list" value=signup /> <input type=button name=Submit value=Envoyer onclick="return control_list();" /> </form>

Hello,

Citation:

Envoyé par metatron

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script>
function control_list(){
for (i=0; i<document.validation.list.length; i++) {
    if (document.validation.list[i].checked) 
     alert("case pas cochee");
 else 
     return true;
}
 } 
</script>
<form method="post" name="validation" >
liste 1 <input type="checkbox" name="list" value=signup  />
 
<input type=button name=Submit value=Envoyer onclick="return control_list();" />
</form>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<script>
  function control_list(){
    for (i=0; i<document.validation.list.length; i++) {
      if (!document.validation.list[i].checked) {
        alert("Case non cochée");
        return false;
      }
    }
    return true;
  } 
</script>
<form method="post" name="validation" >
liste 1 <input type="checkbox" name="list" value=signup  />
 
<input type=button name=Submit value=Envoyer onclick="return control_list();" />
</form>

Je ferais ca. Ton test disait, si la case est coché afficher "Case pas cochée".
Et si tu veux tester une liste de case, il faut pas mettre le return true dans ta boucle directement.

28/09/2006, 10h14
metatron

salut rieppe. Wé la boucle n'etait pas faite correctment. Mais la i ne se passe tjs rien avec ton code :(. Que ce soiit coché ou pas ca ca n'affiche jamais aucun msg :/ une idée ?

Re, donc l'idée est tjs de controler que AU MOINS UNE case soit cochée, pour pouvoir valider le form...Chaque case a une valeur differente de type list[x]...J'ai testé ce code, mais aucun effet (que ce soit coché ou pas coché) :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <script> function control_list(){ for (i=0; i<document.validation.list[i].length; i++) { if (!document.validation.list[i].checked) { alert("Case non cochée"); return false; } } return true; } </script> <form method="post" name="validation" > liste 1 <input type="checkbox" name="list[1]" value=signup /><br> liste 2 <input type="checkbox" name="list[2]" value=signup /> <input type=button name=Submit value=Envoyer onclick="return control_list();" /> </form>
la seule chose que ca fait quand je clique c'est un msg d'erreur JS : "document.validation.list has no properties"

Savez vous ce qui ne va pas please ?

Hello,

Ca ca fonctionne, a toi d'adapter pour plusieur listes.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<html>
	<head>
		<script language="Javascript">
			function control_list() {
				if (!document.forms["validation"].elements["list"].checked) {
					alert("Case non cochée");
					return false;
				}
				return true;
			} 
		</script>
	</head>
	<body>
	<form method="post" name="validation" >
		liste 1 <input type="checkbox" name="list" value="signup"  />
		<input type="button" name="Submit" value="Envoyer" onclick="return control_list();" />
	</form>
	</body>
</html>