Checkbox multiple !

Version imprimable

Checkbox multiple !

Bonjour à tous,
j'ai un code javascript pour sélectionner toutes les checkbox d'un coup, mais j'ai un bug que je n'arrive pas à résoudre.

Voilà la situation, j'ai un listing de "compte utilisateur" (par exemple) !
Dans mon tableau, j'ai un thead avec une checkbox qui me permet de cocher toutes les checkbox du listing. Jusque là tout va bien. Ca fonctionne.
Mais j'ai aussi la même checkbox permettant de tout cocher dans mon tfoot.

Voici le code javascript :

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
function checkall() {
	// compte tous les éléments du formulaire en numérotant chronologiquement
	temp = document.suppression.elements.length;
	if (document.suppression.elements[0].checked)
	{ // si la case est cochée
		for (i=1; i < temp; i++)
		{ // on coche toutes les autres
			document.suppression.elements[i].checked=1;
		}
	} else
	{
		for (i=1; i < temp; i++)
		{ // on décoche tout
			document.suppression.elements[i].checked=0;
		}
	}
}
function checkone() {
	m=0; // initialisation du nombre de cases cochées
	temp = document.suppression.elements.length;
	for (i=1; i < temp; i++)
	{ // on commence à 1 pour ne pas prendre en compte la checkbox principale
		if (document.suppression.elements[i].checked)
		{ // si la checkbox courante est cochée, on comptabilise
			m++;
		}
	}
	if (document.suppression.elements[0].checked)
	{ // si la checkbox principale est cochée, on la décoche
		document.suppression.elements[0].checked=0;
	} else
	{ // dans le cas contraire, on vérifie que toutes les checkbox sont cochées
		if (m == (temp-1)) document.suppression.elements[0].checked=1;
	}
}

Et le code php/html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<table class="listing" cellspacing="0">
    <thead>
    	<tr>
        	<th align="center" width="5%"><input type="checkbox" name="check_all" onclick="checkall()"/></th>
        	<th align="left" width="32%">Nom</th>
        </tr>
    </thead>
    <tfoot>
    	<tr>
        	<th align="center" width="5%"><input type="checkbox" name="check_all" onclick="checkall()"/></th>
        	<th align="left" width="32%">Nom</th>
        </tr>
    </tfoot>
    <tbody>
    	<tr>
        	<th align="center"><input type="checkbox" name="check[]" value="id_user" onclick="checkone()" /></th>
            <th align="left">Dupond</th>
        </tr>
    </tbody>
</table>

dans le cas actuel, il m'est impossible de cocher la checkbox dans le tfoot !! ça ne fait rien (la case ne se coche même pas).

Auriez-vous une solution ? j'ai besoin d'aide.

Merci à vous.
TitBen

C'est normal, ta fonction checkall() prend en référence l'état du 1er input, quand tu cliques sur celui du tfoot, celui du thead est décoché, donc tu décoches tous les autres, y compris celui sur lequel tu viens de cliquer.
La sollution est de passer en paramètre soit l'input sur lequel tu as cliqué, soit son état :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function checkall(etat) {
	// compte tous les éléments du formulaire en numérotant chronologiquement
	temp = document.suppression.elements.length;
	if (!etat)
	{ // si la case est cochée
		for (i=1; i < temp; i++)
		{ // on coche toutes les autres
			document.suppression.elements[i].checked=1;
		}
	} else
	{
		for (i=1; i < temp; i++)
		{ // on décoche tout
			document.suppression.elements[i].checked=0;
		}
	}
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<table class="listing" cellspacing="0">
    <thead>
    	<tr>
        	<th align="center" width="5%"><input type="checkbox" name="check_all" onclick="checkall(this.checked)"/></th>
        	<th align="left" width="32%">Nom</th>
        </tr>
    </thead>
    <tfoot>
    	<tr>
        	<th align="center" width="5%"><input type="checkbox" name="check_all" onclick="checkall(this.checked)"/></th>
        	<th align="left" width="32%">Nom</th>
        </tr>
    </tfoot>

Attention, j'ai testé sur !etat car il me semble que checked est modifié APRES que onclick soit lancé, à vérifier, si ce n'est pas le cas :

Code:

if (etat)

06/10/2009, 20h22
TitBen

Merci à toi !

Ca marche avec if(etat).

Par contre, le checkbox du thead check bien tout ! mais le checkbox du tfoot check tout SAUF la checkbox du thead :cry:

Une idée ?
Merci.

TitBen.

Edit : C'est bon, j'ai trouvé, j'ai mis

Code:

for (i=0; i < temp; i++)

au lieu de :

Code:

for (i=1; i < temp; i++)

et tout est OK !
Merci beaucoup.