Page 1 sur 1

colorier ligne en fonction de l id

Posté : 29 nov. 2011, 18:45
par titicaca
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 :
	<td><input type="checkbox" id="formation" name="case[]" value="<?php echo $formation[$cle]["formation_id"]; ?>"/></td>
Et voici mon jquery et mon css:

Code : Tout sélectionner

<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

Re: colorier ligne en fonction de l id

Posté : 29 nov. 2011, 22:52
par AB
Bah c'est sûr, quand tu fais
$('#myTable tr').click(function()...
tu défini un comportement sur les lignes de la table ayant l'identifiant myTable.

Le comportement, il faut le définir sur le checkbox, pas sur la ligne, du genre
$("#myTable  input[type=checkbox]").click(function()...
ensuite pour trouver la cible (la ligne) par rapport au checkbox tu devrais pouvoir utiliser deux fois parent() (premier parent = td, deuxième parent = tr) soit
$(this).parent('td').parent('tr').toggleClass("trclick");