Cochage multiple checkbox

Version imprimable

08/07/2008, 13h48
dam28800

Cochage multiple checkbox

Bonjour � tous,

J'ai un tableau � double entr� avec des mois en colones et des magasins en ligne.

Cela me genere des checkbox et je souhaite avoir en haut de chaque colonne une check box "S�lectionnez tout" me permettant de s�lectioner toute les check box de la colonne.

Voil� � quoi ressemble ma mes checkbox g�n�r� :

Code:

<input type="checkbox" name="<? echo $num_mois.''.$id_mag; ?>" title="<? echo $nom_mois; ?>" />

Je sais qu'il faut passer apr du javascript mais je bloque un peu.

Merci d'avance de votre aide.
08/07/2008, 14h10
E.Bzz

Bonjour,
une solution existante dans les Contributions ;)

A+

J'utilise deja cette fonction :

mettre avant </head>

Code:

1
2
3
4
5
6
7
8
<script language="javascript">
function clicTous(form,booleen)
  {
  for (i=0, n=form.elements.length; i<n; i++)
  if (form.elements[i].name.indexOf("list") != -1)
    form.elements[i].checked = booleen;
  }
</script>

ensuite dans ton <body>

Code:

1
2
3
4
5
6
7
8
9
10
<table border='0'>
<tr>
<th style='background-color: #000000'><input type='checkbox' onClick='if (this.checked) { clicTous(this.form,true) } else { clicTous(this.form,false) };'></th>
<th>NOM1</th>
<th>NOM2</th>
</tr>
<TR><td border='1' valign='top'><input type='checkbox' name='list[]' value=''></td>
<th>VAL1</th>
<th>VAL2</th>
</tr>

Bonne journ�e

j'ai d�ja propos� plusieurs fois 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
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<script type="text/javascript">
function checkvalue(){
var meschecks=document.getElementsByTagName('input')
var checklist=new Array()
for(i=0;i<meschecks.length;i++){
	 if(meschecks[i].type=='checkbox'){ checklist.push(meschecks[i])}
	}
 
for(i=0;i<checklist.length;i++){
	if(checklist[i].type=="checkbox"){
		checklist[i].checked=true
		}
		}
}
 
</script>
</head>
 
<body>
<form name="myform">
<input type="checkbox" name="box1" value="1"/><br/>
<input type="checkbox" name="box1" value="2" /><br/>
<input type="checkbox" name="box1" value="3" /><br/>
<input type="checkbox" name="box1" value="4" /><br/>
<input type="checkbox" name="box1" value="5" /><br/>
<input type="checkbox" name="box1" value="6" /><br/>
<br/>
 
<input type="checkbox" name="box2" value="1"/><br/>
<input type="checkbox" name="box2" value="2" /><br/>
<input type="checkbox" name="box2" value="3" /><br/>
<input type="checkbox" name="box2" value="4" /><br/>
<input type="checkbox" name="box2" value="5" /><br/>
<input type="checkbox" name="box2" value="6" /><br/>
<br/>
 
<input type="checkbox" name="box3" value="1"/><br/>
<input type="checkbox" name="box3" value="2" /><br/>
<input type="checkbox" name="box3" value="3" /><br/>
<input type="checkbox" name="box3" value="4" /><br/>
<input type="checkbox" name="box4" value="5" /><br/>
<input type="checkbox" name="box4" value="6" /><br/>
<br/>
 
<input type="button" value="sur valeur" onclick="checkvalue(document.myform.choixValeur.value)" />
<input type="text" name='choixValeur' />

En voici un r�sum�, bon il ne marche toujours pas.

Donc l� j'ai mon code javascript :
Code:

1 2 3 4 5 6 7 8 9 10 <SCRIPT LANGUAGE="JavaScript"> function checkColumn(id,elem){ var i; var check = (elem) ? '' : 'checked'; for(i=1; i<=500; i++){ document.getElementById(id+i).checked = check; } } </script>
Voici ensuite ma checkbox qui
, un jour peut �tre, devra cocher toutes les cases (de juillet pour celle ci-dessous) :
Code:

1 2 3 4 <input type="checkbox" onClick="checkColumn(07,this.checked);" /></code> Et mes checkbox générés : <code type="php"><input type="checkbox" <? echo $coche; ?> name="<? echo $num_mois.$id_mag; ?>" id="<? echo $num_mois.$id_mag; ?>" title="<? echo $nom_mois; ?>" />
Merci d'avance de votre aide.

08/07/2008, 21h36
SpaceFrog
Deux grosses erreurs:
Code:

1 2 3 4 5 6 7 8 9 10 <SCRIPT LANGUAGE="JavaScript"> function checkColumn(id,elem){ var i; var check = (elem) ? false :true ; for(i=1; i<=500; i++){ document.getElementById(id+i).checked = check; } } </script>
Voici ensuite ma checkbox qui
, un jour peut �tre, devra cocher toutes les cases (de juillet pour celle ci-dessous) :

Code:

<input type="checkbox" onClick="checkColumn('07',this.checked);" />
09/07/2008, 08h52
dam28800

Merci beaucoup cela fonctionne.

Franchement tr�s impressionant ! (pour un d�butant comme moi)

Encore merci de ton aide !
29/07/2008, 10h43
dam28800

Euhh en fait il y a un petit soucis
Bonjour,

Alors en fait le script comporte une erreur car si mes identifiants ne se suive pas cela ne fonctionne pas.

Je m'explique dans le code :
Code:

1 2 <input type="checkbox" <? echo $coche; ?> name="<? echo $num_mois.$id_mag; ?>" id="<? echo $num_mois.$id_mag; ?>" title="<? echo $nom_mois; ?>" />
Si $id_mag est 1, 2, 3, 4 le cochage va fonctionner.
En revanche si $id_mag est 1, 2, 4, 5 le cochage va s'arr�ter � 2.

De m�me que si $id_mag commence � 2 le cochage ne fonctionenra pas du tout.

J'ai bien remplac� $id_mag par j (qui s'incr�mente � chaque ligne) mais je n'arrive pas � r�cup�rer l'id_mag coressondant puisque c'est j � la place.

Merci d'avance de votre aide.

rajoute un test sur l'existence :

Code:

1
2
3
4
for(i=1; i<=500; i++){
if(document.getElementById(id+i)){document.getElementById(id+i).checked = check;}
}
}

29/07/2008, 14h14
dam28800

Vraiment trop fort

Merci,

Cela fonctionne encore une fois !

Bon ben on embauche si tu veux ! lol

Merci encore !
29/07/2008, 14h24
SpaceFrog

�a d�pend ou et combien mais je suis � vendre :D
Bonneval c'est un peu loin de chez moi ...
08/08/2008, 11h16
dam28800

Arfff on est sur Tours maintenant !