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 !