selectionner un groupe de checkox

**chris2000** · 13/11/2009, 11h47

bonjour,

voila mon probleme
j'ai une liste de checkbox afficher dynamiquement en php
une liste correspond à un groupe1 à la suite une liste correspond à un groupe2,....

j'ai installer ce script

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
<script language="javascript"> 
 
 
function chkall()
{ 
   var taille = document.forms['form1'].elements.length; 
   var element = null; 
   for(i=0; i < taille; i++)
    { 
      element = document.forms['form1'].elements[i]; 
      if(element.type == "checkbox") 
       {
        if(!element.checked)
        {
        element.checked = true; 
        }else{
        element.checked = false; 
        }
       }
    } 
 
} 
 
</script>

mon formulaire:

Code :

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

		echo "<form name=form1 method=post action='send_mail.php' enctype=multipart/form-data>";

l'affichage des listes de 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
34
35
36
37
38
39
40
41
42
		// liste
        echo"<div align='center'>";
		echo"<div id='container'>"; 
		echo"<div id='vertical_container' >";
		for($i=0;$i<$nb_news_groupes;$i++){
 
 
			$o_groupe=mysql_fetch_object($result_news_groupes);
			$id_groupe=$o_groupe->news_groupes_id;
			$news_groupes_titre=$o_groupe->news_groupes_titre;   
 
 
		echo"<h1 class='accordion_toggle'>$news_groupes_titre</h1>";
		echo"<div class='accordion_content'>";   
//
		echo "<table align=center cellspacing=0 class=table width=60%>";
		echo "<tr align=center>";
		echo "<td class=table><b>Nom</b>";
		echo "<td class=table><b>Prénom</b>";
		echo "<td class=table><b>Mail</b>";
		echo "<td class=table colspan=2><b><a href='javascript: chkall();' class=ptt_lien3>Tout Cocher / Tout Décocher</a><br>Décochez pour ne pas envoyer</b>";
 		echo "<tr>";
 
			$query_mail="select * from ".$pref_table."news where news_groupes ='".$news_groupes_titre."' ";
			$result_mail=mysql_query($query_mail);
			$nb=mysql_num_rows($result_mail);
 
			for($j=0;$j<$nb;$j++){
			$o=mysql_fetch_object($result_mail);
			$id=$o->news_id;
			$nom=$o->news_nom;
			$prenom=$o->news_prenom;
			$mail=$o->news_mail;
 
		echo "<td class=table>$nom";
		echo "<td class=table>$prenom";
		echo "<td class=table>$mail";
		echo "<td class=table align=center width=140><div class=textadmin><input type=\"checkbox\" id=\"checkbox".$i.$j."\" name=\"select".$i.$j."\"   value=\"".$i.$j."\" checked >";
		echo "<tr>";
		    }
		echo "</table>";
//

seulement voila, ce script fonctionne tres bien mais il me selectionne ou deselectionne toutes les checkbox de toute les groupes,

alors que je voudrais selectionner ou deselectionner les checkbox seulement de tel ou tel groupe

pouvez vous me dire comment faire? modifier le script actuel ou en rajouter un autre,,?

merci d'avance

**vermine** · 13/11/2009, 11h54

Bonjour,

Donnez le même name à chaque checkbox du même groupe et dans votre fonction JS vous récupérer toutes les checkox du groupe via ce name.

Code :

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

1
2
3
4
5
6
7
 
var tab = document.getElementsByName("leNameDuGroupe");
 
tab[0].checked = true;
tab[1].checked = true;
...
//Enfin... dans une boucle for sur la taille de tab.

**vermine** · 13/11/2009, 12h05

Euh, oui, sinon vous grouper les mêmes checkbox dans des div et vous ne regardez que les input du div en question si vous préférez que chaque checkbox garde un nom unique.

**E.Bzz** · 13/11/2009, 12h20

Bonjour,

Envoyé par vermine

Euh, oui, sinon vous grouper les mêmes checkbox dans des div et vous ne regardez que les input du div en question si vous préférez que chaque checkbox garde un nom unique.

ça serait mieux, oui.
Le name communs sont plutôt utilisés pour les radio

A+

**chris2000** · 13/11/2009, 14h01

merci de votre aide,
mais je ne suis pas trop calé,
pourriez vous me dire ou rajouter tous ces modifs?

**vermine** · 13/11/2009, 14h08

Et bien il faudrait rassembler les checkbox du même groupe dans un div comme par exemple ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<!-- premier groupe de checkbox -->
<div id="premier">
<input type="checkbox" id="1" name="un">
<input type="checkbox" id="2" name="deux">
<input type="checkbox" id="3" name="trois">
</div>
 
<!-- second groupe de checkbox -->
<div id="second">
<input type="checkbox" id="4" name="quatre">
<input type="checkbox" id="5" name="cinq">
<input type="checkbox" id="6" name="six">
</div>

Et puis dans le javascript, parcourir le div voulu:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var mon_div    = document.getElementById("premier");
var les_input  = mon_div.getElementsByTagName("INPUT");
for(var i = 0; i<les_input.length; i++)
{
   if(les_input[i].type == "checkbox")
   {
      les_input[i].checked = true;
   }
}

**chris2000** · 13/11/2009, 14h13

merci mais les groupes sont crées dynamiquement, alors comment adapter votre code?

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
 
 
 
			$o_groupe=mysql_fetch_object($result_news_groupes);
			$id_groupe=$o_groupe->news_groupes_id;
			$news_groupes_titre=$o_groupe->news_groupes_titre;   
 
 
		echo"<h1 class='accordion_toggle'>$news_groupes_titre</h1>";
		echo"<div class='accordion_content'>";   
//
		echo "<table align=center cellspacing=0 class=table width=60%>";
		echo "<tr align=center>";
		echo "<td class=table><b>Nom</b>";
		echo "<td class=table><b>Prénom</b>";
		echo "<td class=table><b>Mail</b>";
		echo "<td class=table colspan=2><b><a href='javascript: chkall();' class=ptt_lien3>Tout Cocher / Tout Décocher</a><br>Décochez pour ne pas envoyer</b>";
 		echo "<tr>";
 
			$query_mail="select * from ".$pref_table."news where news_groupes ='".$news_groupes_titre."' ";
			$result_mail=mysql_query($query_mail);
			$nb=mysql_num_rows($result_mail);
 
			for($j=0;$j<$nb;$j++){
			$o=mysql_fetch_object($result_mail);
			$id=$o->news_id;
			$nom=$o->news_nom;
			$prenom=$o->news_prenom;
			$mail=$o->news_mail;
 
		echo "<td class=table>$nom";
		echo "<td class=table>$prenom";
		echo "<td class=table>$mail";
		echo "<td class=table align=center width=140><div class=textadmin><input type=\"checkbox\" id=\"checkbox".$i.$j."\" name=\"select".$i.$j."\"   value=\"".$i.$j."\" checked >";
		echo "<tr>";
		    }
		echo "</table>";
//

**vermine** · 13/11/2009, 14h20

Je suppose que la boucle for(i...) passe en revue les groupes. Donc dans cette boucle, avant la boucle for(j...), il faut ajouter un div ou un autre élément (je vois un <tr> dans votre cas) avec un id propre au groupe.
L'id peut-être un mot concaténé avec la valeur de i ou bien peut-être que vous avez une variable PhP qui identifie les groupes.

**E.Bzz** · 13/11/2009, 14h23

En complément, la fonction de vermine n'a pas à être adaptée, si ce n'est en lui passant l'id du div contenant le groupe à traiter

A+

**chris2000** · 13/11/2009, 14h29

oui la boucle for(i...) passe en revue les groupes, la boucle for(j) le contenu des listes contenant les 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
34
35
36
37
		for($i=0;$i<$nb_news_groupes;$i++){
 
 
			$o_groupe=mysql_fetch_object($result_news_groupes);
			$id_groupe=$o_groupe->news_groupes_id;
			$news_groupes_titre=$o_groupe->news_groupes_titre;   
 
 
		echo"<h1 class='accordion_toggle'>$news_groupes_titre</h1>";
		echo"<div class='accordion_content'>";   
//
		echo "<table align=center cellspacing=0 class=table width=60%>";
		echo "<tr align=center>";
		echo "<td class=table><b>Nom</b>";
		echo "<td class=table><b>Prénom</b>";
		echo "<td class=table><b>Mail</b>";
		echo "<td class=table colspan=2><b><a href='javascript: chkall();' class=ptt_lien3>Tout Cocher / Tout Décocher</a><br>Décochez pour ne pas envoyer</b>";
 		echo "<tr>";
 
			$query_mail="select * from ".$pref_table."news where news_groupes ='".$news_groupes_titre."' ";
			$result_mail=mysql_query($query_mail);
			$nb=mysql_num_rows($result_mail);
 
			for($j=0;$j<$nb;$j++){
			$o=mysql_fetch_object($result_mail);
			$id=$o->news_id;
			$nom=$o->news_nom;
			$prenom=$o->news_prenom;
			$mail=$o->news_mail;
 
		echo "<td class=table>$nom";
		echo "<td class=table>$prenom";
		echo "<td class=table>$mail";
		echo "<td class=table align=center width=140><div class=textadmin><input type=\"checkbox\" id=\"checkbox".$i.$j."\" name=\"select".$i.$j."\"   value=\"".$i.$j."\" checked >";
		echo "<tr>";
		    }
		echo "</table>";

$news_groupes_titre : est la variable des noms du groupe,

pourriez vous me dire comment faire je suis un peu perdu la???

**vermine** · 13/11/2009, 14h40

Hé bien tout d'abord, nous allons placer l'id en question. Je propose le <tr> qui existe déjà mais ce n'est qu'un exemple. On précise le même id dans la fonction chkall:

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
for($i=0;$i<$nb_news_groupes;$i++){
 
 
			$o_groupe=mysql_fetch_object($result_news_groupes);
			$id_groupe=$o_groupe->news_groupes_id;
			$news_groupes_titre=$o_groupe->news_groupes_titre;   
 
 
		echo"<h1 class='accordion_toggle'>$news_groupes_titre</h1>";
		echo"<div class='accordion_content'>";   
//
		echo "<table align=center cellspacing=0 class=table width=60%>";
		echo "<tr align=center>";
		echo "<td class=table><b>Nom</b>";
		echo "<td class=table><b>Prénom</b>";
		echo "<td class=table><b>Mail</b>";
		echo "<td class=table colspan=2><b><a href='javascript: chkall(".$news_groupes_titre.");' class=ptt_lien3>Tout Cocher / Tout Décocher</a><br>Décochez pour ne pas envoyer</b>";
Mais je ne sais pas comment échapper les quotes car on a " ' " ' ' " ' " et ça ne va pas aller. 		
echo "<tr id='.$news_groupes_titre.'>"; 
Mais il faut que $news_groupes_titre pointe sur le bon groupe.
			$query_mail="select * from ".$pref_table."news where news_groupes ='".$news_groupes_titre."' ";
			$result_mail=mysql_query($query_mail);
			$nb=mysql_num_rows($result_mail);
			
			for($j=0;$j<$nb;$j++){
			$o=mysql_fetch_object($result_mail);
			$id=$o->news_id;
			$nom=$o->news_nom;
			$prenom=$o->news_prenom;
			$mail=$o->news_mail;
			
		echo "<td class=table>$nom";
		echo "<td class=table>$prenom";
		echo "<td class=table>$mail";
		echo "<td class=table align=center width=140><div class=textadmin><input type=\"checkbox\" id=\"checkbox".$i.$j."\" name=\"select".$i.$j."\"   value=\"".$i.$j."\" checked >";
		echo "<tr>";
		    }
		echo "</table>";

Et donc on récupère cet id dans la fonction Javascript:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
function chkall(mon_id)
{
   var mon_div    = document.getElementById(mon_id);
   var les_input  = mon_div.getElementsByTagName("INPUT");
   for(var i = 0; i<les_input.length; i++)
   {
      if(les_input[i].type == "checkbox")
      {
         les_input[i].checked = true;
      }
   }
}

**E.Bzz** · 13/11/2009, 14h46

Attention à ne pas oublié les </td> !
J'en vois pas beaucoup, là

EDIT : ... et à ne pas confondre <tr> et </tr> sinon, la structure du tableau va en prendre un coup, et gare aux bugs

Code :

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

1
2
3
		echo "<tr>";
		    }
		echo "</table>";

A+

**vermine** · 13/11/2009, 14h47

Ni de </tr> ni de </div>, en fait.

E.Bzz, comment écrire:

Code :

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

1
2
echo "<td class=table colspan=2><b><a href='javascript: chkall(".$news_groupes_titre.");' class=ptt_lien3>Tout Cocher / Tout Décocher</a><br>Décochez pour ne pas envoyer</b>";

**E.Bzz** · 13/11/2009, 14h48

Envoyé par vermine

Ni de </tr> ni de </div>, en fait.

A corriger d'urgence, chris2000 ...

A+

**chris2000** · 13/11/2009, 14h57

oui c'est vrai merci, je vais corriger tout çà

**chris2000** · 13/11/2009, 15h00

et pour la fonction javascript alors je remplace celle que vous m'avez ecrite par l'ancienne???
, désolé , encore en php mais en javascript je suis quasi debutant, çà m'aidera à comprendre un peu..

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function chkall(mon_id)
{
   var mon_div    = document.getElementById(mon_id);
   var les_input  = mon_div.getElementsByTagName("INPUT");
   for(var i = 0; i<les_input.length; i++)
   {
      if(les_input[i].type == "checkbox")
      {
         les_input[i].checked = true;
      }
   }
}

mon_id : je le remplace par quoi en fait?

**vermine** · 13/11/2009, 15h03

Envoyé par chris2000

mon_id : je le remplace par quoi en fait?

Par rien du tout. La fonction ainsi écrite est correcte.
Cette fonction attend un argument que j'ai appelé "mon_id".

C'est lors de l'appel de la fonction qu'il faut passer la bonne valeur:

Code :

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

1
2
echo "<td class=table colspan=2><b><a href='javascript: chkall(\".$news_groupes_titre.\");' class=ptt_lien3>Tout Cocher / Tout Décocher</a><br>Décochez pour ne pas envoyer</b>";

Euh, quand je dis qu'il ne faut rien ajouter à la fonction, c'est faux. Il faut rajouter le if de l'ancienne fonction pour soit cocher soit décocher les cases.

**chris2000** · 13/11/2009, 15h10

ah ok pardon, j'ai compris.

j'ai fait les mofis , et lorsqu' on clique sur " cocher/decochez" maintenant çà ne fait plus rien (aucune action) , un message d'erreur dans la barre en bas
( erreur: 'groupe1' est indefini )

le nouveau code avec les modifs:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function chkall(mon_id)
{
   var mon_div    = document.getElementById(mon_id);
   var les_input  = mon_div.getElementsByTagName("INPUT");
   for(var i = 0; i<les_input.length; i++)
   {
      if(les_input[i].type == "checkbox")
      {
         les_input[i].checked = true;
      }
   }
}

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
	for($i=0;$i<$nb_news_groupes;$i++){
 
 
			$o_groupe=mysql_fetch_object($result_news_groupes);
			$id_groupe=$o_groupe->news_groupes_id;
			$news_groupes_titre=$o_groupe->news_groupes_titre;   
 
 
		echo"<h1 class='accordion_toggle'>$news_groupes_titre</h1>";
		echo"<div class='accordion_content'>";   
//
		echo "<table align=center cellspacing=0 class=table width=60%>";
		echo "<tr align=center>";
		echo "<td class=table><b>Nom</b>";
		echo "<td class=table><b>Prénom</b>";
		echo "<td class=table><b>Mail</b>";
        echo "<td class=table colspan=2><b><a href='javascript: chkall(".$news_groupes_titre.");' class=ptt_lien3>Tout Cocher / Tout Décocher</a><br>Décochez pour ne pas envoyer</b>";
        echo "<tr id='.$news_groupes_titre.'>"; 
 
			$query_mail="select * from ".$pref_table."news where news_groupes ='".$news_groupes_titre."' ";
			$result_mail=mysql_query($query_mail);
			$nb=mysql_num_rows($result_mail);
 
			for($j=0;$j<$nb;$j++){
			$o=mysql_fetch_object($result_mail);
			$id=$o->news_id;
			$nom=$o->news_nom;
			$prenom=$o->news_prenom;
			$mail=$o->news_mail;
 
		echo "<td class=table>$nom";
		echo "<td class=table>$prenom";
		echo "<td class=table>$mail";
		echo "<td class=table align=center width=140><div class=textadmin><input type=\"checkbox\" id=\"checkbox".$i.$j."\" name=\"select".$i.$j."\"   value=\"".$i.$j."\" checked >";
		echo "<tr>";
		    }
		echo "</table>";

??????

**vermine** · 13/11/2009, 15h12

Oui mais en fait je ne savais pas comment écrire ces deux lignes-ci. A vous de me le dire car avec les " les ' et les . je m'y perds vite:

Code :

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

1
2
3
 
echo "<td class=table colspan=2><b><a href='javascript: chkall(".$news_groupes_titre.");' class=ptt_lien3>Tout Cocher / Tout Décocher</a><br>Décochez pour ne pas envoyer</b>";
        echo "<tr id='.$news_groupes_titre.'>";

**chris2000** · 13/11/2009, 15h16

ahh, en fait je ne sais pas trop moi non plus........

selectionner un groupe de checkox

JavaScript

Discussions similaires

Partager

Partager