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