Affichage de résultats selon checkbox
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:
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:
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;"> </div><img src="images/ico/exploitation.png"><div width="6px" style="display:inline;"> </div>A
<br /><input type="checkbox" checked id="check2" name="B"><div width="6px" style="display:inline;"> </div><img src="images/ico/B.png"><div width="6px" style="display:inline;"> </div>B
<br /><input type="checkbox" checked id="check3" name="C"><div width="6px" style="display:inline;"> </div><img src="images/ico/C.png"><div width="6px" style="display:inline;"> </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 ? :aie:
Merci de votre aide.
