Discussion :

[hawk16]

Bonjour,

j'ai un formulaire en php, qui contient des checkboxes, je voudrai ajouter un checkbox qui permettra de faire un Select All/Deselect All.
en fait les valeurs des checkboxes sont stocker dans tableau tab_box[].

pouvez vous me dire comment faire ?

Merci par avance.

[vermine]

Bonjour,

Vos checkbox ont le même nom ?
Sont-elles dans un même tag ?

Car alors, vous récupérez toutes la liste des checkbox par un getElementsByName et vous parcourez la liste pour modifier l'attribut "checked".

[E.Bzz]

Bonjour,
tu peux t'inspirer de cette contribution ...

A+

[hawk16]

slt,

j'ai trouver ce 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
<!--        Script by hscripts.com          -->
<!--        copyright of HIOX INDIA         -->
<!-- Free javascripts @ http://www.hscripts.com -->
<script type="text/javascript">
checked=false;
function checkedAll (frm1) {
	var aa= document.getElementById('frm1');
	 if (checked == false)
          {
           checked = true
          }
        else
          {
          checked = false
          }
	for (var i =0; i < aa.elements.length; i++) 
	{
	 aa.elements[i].checked = checked;
	}
      }
</script>
<!-- Script by hscripts.com -->

Avec ce ode ça marche quant on déclare les checkboxes come suit :

<form id ="frm1">
<input type="checkbox" name="chk1">
<input type="checkbox" name="chk2">
</form>

mais dans mon cas les valeurs des checkboxes sont stocker dans un tableaux :

Code :

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

<input type="checkbox" name="bug_arr[]" value="<?php echo "$v_id" ?>" />

comment faire pour récupérer les valeurs du tableaux ?

[hawk16]

Le script Java :

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
<script type="text/javascript" language="javascript">
function checkAll()
{
	var i;
 
	for(i=0;i<document.frm.elements.length; i++)
	{
		var elm  = document.frm.elements[i];
		if(elm.type == "checkbox" && elm.name != "chkCheckAll" ) 
		{
			elm.checked =document.frm.chkCheckAll.checked;
		}
	}
}
function check()
{
	var i;
	var flag;
	flag=1;
	for(i=0;i<document.frm.elements.length; i++)
	{
		var elm  = document.frm.elements[i];
		if(elm.type == "checkbox" && elm.name != "chkCheckAll" ) 
		{
			if(elm.checked==false)
			{
				flag=0;
			}
		}
	}	
	if(flag==1)
	{
		document.frm.chkCheckAll.checked=true;
	}
	else
	{
		document.frm.chkCheckAll.checked=false;
	}
}
</script>

Le code des checkboxes :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<td align="center"  bgcolor="<?php echo $status_color ?>">
		<input type="checkbox" name="bug_arr[]" value="<?php echo "$v_id" ?>"  onClick="Javascript:return check();"  />
	</td>
 
 
 
Le code de la checkboxe select all/none : 
 
<td  rowspan ="<?php echo $nb_ligne; ?>" align="center">
							 <input type="checkbox" id="chkCheckAll" name="chkCheckAll" onClick="javascript:checkAll();" > &nbsp;
			  		</td>

Merci