Discussion :

[chris2000]

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]

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]

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]

Bonjour,

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]

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

[vermine]

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