Modification de la couleur bg lorsque la radio btn est sélectionnée

Question

Je dois modifier la couleur bg d'une div contenant un bouton radio lorsque l'utilisateur sélectionne le bouton. J'utilise jquery - donc il semble qu'il devrait y avoir un moyen simple d'accomplir cela. J'ai quelque chose à mon installation html comme ceci:

<div class="sales_box"> 
<table> 
<tr> 
<td class="radio_cell"><input type="radio"></td> 
</tr> 
</table> 
</div> 

<div class="sales_box"> 
<table> 
<tr> 
<td class="radio_cell"><input type="radio"></td> 
</tr> 
</table> 
</div> 

Answer 1

poignée juste l'événement de changement du bouton radio puis utilisez la méthode closest() de jQuery:

$(document).ready(function(){ 
    $('input:radio').change(function(){ 
     $(this).closest('div').css('background-color', 'red'); 
    }); 
}); 

Et comme redsquare a dit, vous shouldn » t vraiment mis en ligne css. Vous devez utiliser la fonction toggleclass. Je viens d'utiliser la fonction css comme exemple.

Answer 2

Essayez

$(function() { 
     $(".radio_cell input[type=radio]").bind("click", function() { 
      $(this).parents('div:first').css("background-color", "Blue"); 
     }); 
    }); 

Answer 3

j'utiliser le toggleClass plutôt que de mettre en ligne css.

$(document).ready(function(){ 
    $('input:radio').change(function(){ 
     $(this).closest('div').toggleClass('highlight'); 
    }); 
});