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

Cochage multiple checkbox

JavaScript

Vue hybride

Discussions similaires

Partager

Partager