Select All/Deselect Al

Version imprimable

26/03/2010, 13h06
hawk16

Select All/Deselect Al

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.
26/03/2010, 13h38
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".
26/03/2010, 13h39
E.Bzz

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

A+

slt,

j'ai trouver ce code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22    <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> 
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:

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

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

Le script Java :

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
<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:

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