colorier ligne en fonction de l id

[xavioche77]

Bonjour,

Alors voila, je suis en train d apprendre le Jquery mais je débute, je lis donc les forums et les tutos mais je ne trouve toujours pas la réponse que je cherche.

Je veux que si on clique sur un chexkbox, toute la ligne du tableau devient verte.

donc la ligne qui génère le tableau avec les checkbox :

Code :

1
2
 
	<td><input type="checkbox" id="formation" name="case[]" value="<?php echo $formation[$cle]["formation_id"]; ?>"/></td>

Et voici mon jquery et mon css:

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
	 <style type="text/css">
 
 
.trclick
{
	background-color: #009900;
}
</style>
 
<script> 
$(function()
{
 
   $('#myTable tr').click(function() {$(this).toggleClass("trclick");}); 
   });
  </script>

Alors, la seule chose que j'ai réussi à faire c'est de colorer toute la ligne en verte quand on clique n'importe où sur cette ligne.
Je voudrais que la ligne soit verte si seulement on clique la check box.

Comment dois je faire svp ?? C'est relativement urgent, je vous remercie de votre aide

[Macmillenium]

Envoyé par xavioche77

Comment dois je faire svp ?? C'est relativement urgent, je vous remercie de

En général, le terme "urgent" n'est pas très apprécié sur les forums d'entraide.

Code :

1
2
3
4
 
$('table').delegate('input:checkbox', 'click', function() {
  $(this).closest('tr').toggleClass('trclick');
})

avec jQuery 1.7

Code :

1
2
3
4
 
$('table').on('click', 'input:checkbox', function() {
  $(this).closest('tr').toggleClass('trclick');
})