Sélectionner toutes les cases à cocher

**sam01** · 02/03/2010, 20h14

Bonjour,

j'ai le formulaire suivant avec plusieurs checkbox

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
 
echo '<form method="post" action='.$site.'mess_reception.php>';
 
		echo '<div class="titre04">';
 
						echo '<div class="titre04_a_bis">';
							echo '<input type="checkbox" name="id_mp" value="'.$dataa['id_mp'].'">';
						echo '</div>';
 
						echo '<div class="titre04_a_bis">';
							echo '<input type="checkbox" name="id_mp" value="'.$dataa['id_mp'].'">';
						echo '</div>';
 
						echo '<div class="titre04_a_bis">';
							echo '<input type="checkbox" name="id_mp" value="'.$dataa['id_mp'].'">';
						echo '</div>';
 
	echo '</div>';
 
				echo '<input type="submit" name="supprimer" value="Envoyer" />';
 
 
	echo '<div class="input_mess">';
				echo '<input type="checkbox" name="suppr_all" value="1">';
			echo '</div>';
 
				// sinon, on affiche l'image
				echo '<a href="#" onclick="javascript:document.formulaire.submit();"><img src="images/poub.jpeg" alt="supprimer" /></a>';
 
			echo '</div>';
 
			echo '</form>';

Et en cliquant sur une seule checkbox (la dernière

Code :

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

1
2
3
4
5
 
 
	echo '<div class="input_mess">';
				echo '<input type="checkbox" name="suppr_all" value="1">';
			echo '</div>';

j'aimerais que toutes les checkbox soient sélectionnées...

C'est possible ?

**andry.aime** · 02/03/2010, 20h21

Salut,

Code :

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

echo '<input type="checkbox" name="suppr_all" value="1" onclick="chekAll(this.checked)">';

Code JAVASCRIPT :

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

1
2
3
4
5
6
7
function checkAll(etat)
{
 for (var i=0; document.getElementsByName("id_mp").length <i; i++)
   {
      document.getElementsByName("id_mp")[i].checked=etat;
   }
}

**sam01** · 02/03/2010, 22h53

Bizarre, il se passe rien...

le code javascript j'ai mis entre les balises head :

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
17
18
19
20
21
22
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
 
 <script language="JavaScript" type="text/javascript">
 
		function checkAll(etat)
		{
			for (var i=0; document.getElementsByName("id_mp").length <i; i++)
			{
				document.getElementsByName("id_mp")[i].checked=etat;
			}
		}
 
	</script>
 
 
 
 
   </head>

C'est bien là qu'il faut le mettre ?

**Helfima** · 03/03/2010, 03h14

oui c'est bien entre balise head
regarde la console d'erreur si tu utilise firefox

**andry.aime** · 03/03/2010, 09h57

Re,
Montres nous le code html généré.
@ Helfima , il est préférable de mettre les fonctions javascript dans la balise head.

**E.Bzz** · 03/03/2010, 10h11

Bonjour,

Code :

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

for (var i=0; i<document.getElementsByName("id_mp").length; i++)

A+

**sam01** · 03/03/2010, 20h08

je ne comprends pas il ne se passe rien du tout.

IE me dit qu'il y a une erreur de caractère 1 à la ligne 39 :

document.getElementById(...) a la valeur null ou n'est pas un objet.

Code :

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

1
2
3
 
 
<body onload="document.getElementById('nom').focus()">

**Bovino** · 03/03/2010, 20h25

Tu as bien un élément dont l'id est 'nom' dans ton formulaire ?

**bienchris** · 04/03/2010, 10h21

Cette code répond votre besoin, mais vous allez changer ses valeurs:

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
 
<SCRIPT LANGUAGE = "JavaScript">
<!--
function ChangeStatut(uploadForm)
{
	if(uploadForm.condition.checked == true)
	{
		for ( i=0 ; i < 3 ; i++ )
  		{ 
			if (uploadForm)
			{  
				document.forms[0].chkboxarray[i].checked=true;
				document.getElementById("choix").innerHTML="D&eacute;s&eacute;ctionner tous";
				uploadForm.valeur.value=document.forms[0].chkboxarray[i].value;
			}
		}
	}
	if(uploadForm.condition.checked == false)
	{
		//uploadForm.valeur.value=uploadForm.condition.value;
		for ( i=0 ; i < 3 ; i++ )
  		{ 
			if (uploadForm)
			{  
				document.forms[0].chkboxarray[i].checked=false;
				document.getElementById("choix").innerHTML="S&eacute;l&eacute;ctionner tous";
			}
		}
	}
} 
</script>
<BODY>
<FORM name="uploadForm">
<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="nom1" onClick="selection_trier(this.form)">nom1<br>
<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="nom2" onClick="selection_trier(this.form)">nom2<br>
<INPUT TYPE="checkbox" NAME="chkboxarray" VALUE="nom3" onClick="selection_trier(this.form)">nom3<br>
<input type="checkbox" name="condition" value="tous" onClick="ChangeStatut(this.form)">
<span id="choix">S&eacute;l&eacute;ctionner tous</span><br>
</form>

**sam01** · 04/03/2010, 23h26

Bonsoir,

j'ai repris le code en adaptant les champs mais toujours rien :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
 
<SCRIPT LANGUAGE = "JavaScript">
<!--
function ChangeStatut(uploadForm)
{
	if(uploadForm.condition.checked == true)
	{
		for (var i=0; i<document.getElementsByName("id_mp").length; i++)
  		{ 
			if (uploadForm)
			{  
				document.forms[0].chkboxarray[i].checked=true;
				document.getElementById("id_mp").innerHTML="Deselectionner tous";
				uploadForm.valeur.value=document.forms[0].chkboxarray[i].value;
			}
		}
	}
	if(uploadForm.condition.checked == false)
	{
		//uploadForm.valeur.value=uploadForm.condition.value;
		for (var i=0; i<document.getElementsByName("id_mp").length; i++)
  		{ 
			if (uploadForm)
			{  
				document.forms[0].chkboxarray[i].checked=false;
				document.getElementById("id_mp").innerHTML="Selectionner tous";
			}
		}
	}
} 
</script>

et le formulaire

Code :

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

1
2
3
 
 
<form method="post" action=http://127.0.0.1/mess_reception.php name="uploadForm"><div class="titre04"><div class="titre04_a_bis"><input type="checkbox" name="id_mp[]" value="44" onClick="selection_trier(this.form)"></div><div class="titre04_b_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=44">Kh</a></div><div class="titre04_c_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=44" class="lien1">test05</a></div><div class="titre04_d_bis">03/03/2010 à 19:03</div><div class="titre04_e_bis"></div></div><div class="separ01"></div><div class="titre04"><div class="titre04_a_bis"><input type="checkbox" name="id_mp[]" value="43" onClick="selection_trier(this.form)"></div><div class="titre04_b_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=43">Kh</a></div><div class="titre04_c_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=43" class="lien1">test05</a></div><div class="titre04_d_bis">03/03/2010 à 19:03</div><div class="titre04_e_bis"></div></div><div class="separ01"></div><div class="titre04"><div class="titre04_a_bis"><input type="checkbox" name="id_mp[]" value="42" onClick="selection_trier(this.form)"></div><div class="titre04_b_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=42">Kh</a></div><div class="titre04_c_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=42" class="lien1">test03</a></div><div class="titre04_d_bis">03/03/2010 à 19:03</div><div class="titre04_e_bis"></div></div><div class="separ01"></div><div class="titre04"><div class="titre04_a_bis"><input type="checkbox" name="id_mp[]" value="41" onClick="selection_trier(this.form)"></div><div class="titre04_b_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=41">Kh</a></div><div class="titre04_c_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=41" class="lien1">test03</a></div><div class="titre04_d_bis">03/03/2010 à 19:03</div><div class="titre04_e_bis"></div></div><div class="separ01"></div><div class="titre04"><div class="titre04_a_bis"><input type="checkbox" name="id_mp[]" value="40" onClick="selection_trier(this.form)"></div><div class="titre04_b_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=40">Kh</a></div><div class="titre04_c_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=40" class="lien1">test02</a></div><div class="titre04_d_bis">03/03/2010 à 19:03</div><div class="titre04_e_bis"></div></div><div class="separ01"></div><div class="titre04"><div class="titre04_a_bis"><input type="checkbox" name="id_mp[]" value="39" onClick="selection_trier(this.form)"></div><div class="titre04_b_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=39">Kh</a></div><div class="titre04_c_bis"><a href="http://127.0.0.1/mess_reception_lire.php?action=lire&id_mp=39" class="lien1">tes01</a></div><div class="titre04_d_bis">03/03/2010 à 19:03</div><div class="titre04_e_bis"></div></div><div class="separ01"></div><div class="input_mess"><input type="checkbox" name="suppr_all" value="1" onClick="ChangeStatut(this.form)"></div><div class="ico_01"><input type="submit" name="supprimer" value="Envoyer" /></div></form>

**andry.aime** · 05/03/2010, 07h26

Bonjour,
Si tu as suivi la correction d'E.Bzz après mon petit étourderie

, ça devrait fonctionner

.

Code HTML :

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
17
18
19
20
21
<html>
<head>
<script type="text/javascript">
function checkAll(etat)
{
 for (var i=0; i<document.getElementsByName("id_mp").length ; i++)
   {
      document.getElementsByName("id_mp")[i].checked=etat;
   }
}
</script>
</head>
<body>
 cocher : decocher tous :<input type="checkbox" name="suppr_all" value="1" onclick="checkAll(this.checked)"/><br/>
<input type="checkbox" name="id_mp" value="2" /><br/>
<input type="checkbox" name="id_mp" value="3" /><br/>
<input type="checkbox" name="id_mp" value="4" /><br/>
<input type="checkbox" name="id_mp" value="5" /><br/>
<input type="checkbox" name="id_mp" value="6" /><br/>
</body>
</html>

Ce code est testé.

**sam01** · 05/03/2010, 16h09

J'ai trouvé ou ça ne va pas :

mauvaise valeur

Code :

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

1
2
3
 
 
echo '<input type="checkbox" name="id_mp[]" value="'.$dataa['id_mp'].'" />';

bonne valeur

Code :

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

1
2
3
 
 
echo '<input type="checkbox" name="id_mp" value="'.$dataa['id_mp'].'" />';

J'ai changé le name="id_mp[] en name="id_mp.

Par contre je me retrouve avec un problème au niveau de mon code php maintanant :

Warning: Invalid argument supplied for foreach() in e:\easyphp1-8\www\mess_reception.php on line 72

Code :

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

1
2
 
			foreach ($_POST['id_mp'] as $id_mp) {

Mon for each ne focntionne plus

**sam01** · 06/03/2010, 12h19

Ca devient peut-être un problème php, puis-je reprendre ce dernier poste et le mettre sur le forum php ?

**E.Bzz** · 06/03/2010, 14h25

Envoyé par sam01

Ca devient peut-être un problème php, puis-je reprendre ce dernier poste et le mettre sur le forum php ?

Ce que tu peux faire, c'est créer une nouvelle discussion dans le forum PHP approprié, et commencer en donnant un lien vers cette discussion-ci

A+

**Bovino** · 07/03/2010, 10h55

Envoyé par sam01

Ca devient peut-être un problème php, puis-je reprendre ce dernier poste et le mettre sur le forum php ?

Ce sera pas nécessaire :

Code php :

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

echo '<input type="checkbox" name="id_mp[]" value="'.$dataa['id_mp'].'" />';

Code :

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

1
2
3
4
5
6
7
function checkAll(etat)
{
 for (var i=0; i<document.getElementsByName("id_mp[]").length ; i++)
   {
      document.getElementsByName("id_mp[]")[i].checked=etat;
   }
}

**sam01** · 07/03/2010, 15h04

Génial ça fonctionne !!!

Merci à tous

Sélectionner toutes les cases à cocher

JavaScript

Discussions similaires

Partager

Partager