selectionner un groupe de checkox

Version imprimable

Voir 40 message(s) de cette discussion en une page

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:

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:

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

l'affichage des listes de checkbox:

Code:

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

13/11/2009, 11h54
vermine
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:

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.
13/11/2009, 12h05
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.
13/11/2009, 12h20
E.Bzz

Bonjour,

Citation:

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+
13/11/2009, 14h01
chris2000

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

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

Code:

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:

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;
   }
}

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

Code:

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>";
//

13/11/2009, 14h20
vermine

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.
13/11/2009, 14h23
E.Bzz

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+

oui la boucle for(i...) passe en revue les groupes, la boucle for(j) le contenu des listes contenant les checkbox.

Code:

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??? :cry::ccool:

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:

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:

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;
      }
   }
}

13/11/2009, 14h46
E.Bzz
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 :aie:
Code:

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

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

E.Bzz, comment écrire:

Code:

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>";

13/11/2009, 14h48
E.Bzz

Citation:

Envoyé par vermine

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

:mouarf:

A corriger d'urgence, chris2000 ...

A+
13/11/2009, 14h57
chris2000

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

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:

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?

13/11/2009, 15h03
vermine
Citation:

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:

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.

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:

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:

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>";

??????

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:

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.'>";

13/11/2009, 15h16
chris2000

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

Voir 40 message(s) de cette discussion en une page