certains jQuery/JavaScript pour changer bgcolor sur l'entrée cochée

Question

Bon, je veux un peu de jQuery/JavaScript pour montrer un background-color jaune lorsqu'il est coché. J'utilise class="valgt" pour définir quel checkbox je veux être stylé.

Comment faire?

<td valign="top" class="valgt"> 
    <input type="checkbox" name="check" value="" /> 
</td> 

Je n'ai aucune idée de comment résoudre ce problème. J'ai donc besoin d'aide pour le code jQuery/JavaScript.

Answer 1

Essayez ceci. Ce serait plus facile si vous mettez un identifiant ou un nom sur votre td.

$('input[name=check]').click(function() { 
    var chkbox = $(this); 
    if (chkbox.is(':checked')) 
     chkbox.parent().addClass('valgt'); 
    else 
     $chkbox.parent().removeClass('valgt'); 
}); 

Answer 2

Déclarez votre couleur bg dans la classe css

.valgt { background-color : #ffff00; } 

utiliser la commande suivante pour ajouter ou supprimer cette classe de la td parent dépendant de l'état vérifié

$('input[name=check]').click(function(){ 

    var $el = $(this); 
    $el.is(':checked') ? $el.parent().addClass('valgt') 
         : $el.parent().removeClass('valgt'); 

})