Discussion :

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

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

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 :

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

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 :

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

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

avec jQuery 1.7

Code :

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

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