Bonjour,
J'ai un tableau avec plusieurs colonnes répertoriant des données de ma base de données.
Une de ses colonnes s'appelle Catégorie.
Catégorie peut avoir trois valeurs : A, B et C.
Quand on clique sur la colonne "Catégorie" à l'écran s'affiche avec des checkbox pour trier les catégories, par exemple l'utilisateur peut choisir seulement d'afficher les catégories A et B mais pas C...
Sur ma page j'ai 2 catégories A, 2 catégories B, et 1 catégorie C.
Quand je déselectionne la catégorie A, il m'enlève seulement le premier résultat mais pas le second. (pareil pour le B)
Je vous donne un aperçu de mon code :
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
 
$(document).ready(function () {
<!-- changement d'etat de ma checkbox -->
	$("#check1" ).change(function () {
<!-- verif checked de ma checkbox -->
if($('#check1').is(':checked'))
		{$('#A').show();}
		else{$('#A').hide();}
	});	
	$("#check2" ).change(function () {	
if($('#check2').is(':checked'))
		{$('#B').show();}
		else{$('#B').hide();}	
});
	$("#check3" ).change(function () {		
if($('#check3').is(':checked'))
		{$('#C').show();}
		else{$('#C').hide();}	
});					
});
et le code 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
 
<input type="checkbox" checked id="check1" value="A" name="A"><div width="6px" style="display:inline;">&nbsp;</div><img src="images/ico/exploitation.png"><div width="6px" style="display:inline;">&nbsp;</div>A
				<br /><input type="checkbox" checked id="check2"  name="B"><div width="6px" style="display:inline;">&nbsp;</div><img src="images/ico/B.png"><div width="6px" style="display:inline;">&nbsp;</div>B
				<br /><input type="checkbox" checked id="check3" name="C"><div width="6px" style="display:inline;">&nbsp;</div><img src="images/ico/C.png"><div width="6px" style="display:inline;">&nbsp;</div>C
 
echo '<tr id='.$resultat[1].'>
		<td height="30px" width="280px" bgcolor='.$bg.' class="contenu_tab"><span style="margin-left:10px">'.$resultat[0].'</span></td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab">'.$image.'</td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[2].'</td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[3].'</td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab"><img src="images/ico/statut.png"></td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[5].'</td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab">'.$resultat[6].'</td>
		<td align="center" bgcolor='.$bg.' class="contenu_tab"><img src="images/ico/impact.png"></td>
	</tr>';
$resultat[1] est égale au nom des catégories(A,B et C)
Comment faire pour que quand je clique sur A, cela me décoche TOUS les A et pas qu'un seul ?
Merci de votre aide.