Discussion :

[TitBen]

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 :

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

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

[Bovino]

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 :

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

et

Code html :

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

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 :

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

if (etat)

[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

Une idée ?
Merci.

TitBen.

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

Code :

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

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

au lieu de :

Code :

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

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

et tout est OK !
Merci beaucoup.