2 Checkbox en bascule et surbrillance de la ligne
Soit un tableau de plusieurs lignes contenant chacune DEUX checkbox.
http://www.etab.ac-caen.fr/bsauveur/bidon/abs.png
Le script ci-dessous fait appel à jquery. Il fonctionne actuellement de la manière suivante :
1) Un clic sur la ligne met en surbrillance la ligne et coche la première checkbox
2) Un second clic sur la ligne annule la surbrillance et décoche les deux checkbox
3) Un click pointant sur une checkbox met en surbrillance la ligne et coche la checkbox correspondante. Parfait...
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
| <style> .selected td { background-color: #48507B;}</style>
<script type="text/JavaScript">
$(document).ready(function() {
$('#rowclick5 tr')
.filter(':has(:checkbox:checked)')
.addClass('selected')
.end()
.click(function(event) {
$(this).toggleClass('selected');
if (event.target.type !== 'checkbox') {
$(':checkbox:first', this).attr('checked', function() {
return !this.checked;
});
}
});
});
</script> |
Tout cela correspond a mes attentes SAUF :
Si je clique sur la premiere checkbox, la ligne est en surbrillance et elle se coche.
SI ALORS je clique sur la seconde checkbox, la surbrillance disparait...
je voudrais que la surbrillance reste et que la première checkbox se décoche.
Comment puis-je faire ?
Merci à tous
