Cochage multiple checkbox

**dam28800** · 08/07/2008, 13h48

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 :

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

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

**E.Bzz** · 08/07/2008, 14h10

Bonjour,
une solution existante dans les Contributions

A+

**guillaumeIOB** · 08/07/2008, 14h15

J'utilise deja cette fonction :

mettre avant </head>

Code :

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

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 :

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

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

**SpaceFrog** · 08/07/2008, 14h19

j'ai déja proposé plusieurs fois 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
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' />

**dam28800** · 08/07/2008, 16h51

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

Donc là j'ai mon code javascript :

Code :

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

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 :

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

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.

**SpaceFrog** · 08/07/2008, 21h36

Deux grosses erreurs:

Code :

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

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 :

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

<input type="checkbox" onClick="checkColumn('07',this.checked);" />

**dam28800** · 09/07/2008, 08h52

Merci beaucoup cela fonctionne.

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

Encore merci de ton aide !

**dam28800** · 29/07/2008, 10h43

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 :

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

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.

**SpaceFrog** · 29/07/2008, 12h48

rajoute un test sur l'existence :

Code :

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

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

**dam28800** · 29/07/2008, 14h14

Merci,

Cela fonctionne encore une fois !

Bon ben on embauche si tu veux ! lol

Merci encore !

**SpaceFrog** · 29/07/2008, 14h24

ça dépend ou et combien mais je suis à vendre

Bonneval c'est un peu loin de chez moi ...

**dam28800** · 08/08/2008, 11h16

Arfff on est sur Tours maintenant !

Cochage multiple checkbox

JavaScript

Discussions similaires

Partager

Partager