Comment mettre en surbrillance la ligne sélectionnée dans une table en utilisant Jquery?

Question

je vais avoir le code comme this

Lorsque la case est cliqué, je veux souligner que row.I ne veux pas utiliser id pour une table. Parce que j'ai beaucoup de tables dans le même format et je veux appliquer le CSS lorsque la case est cochée en utilisant une seule fonction Jquery. Comment puis-je y parvenir?

Answer 1

$(document).ready(function() 
{ 
    $('td input[type="checkbox"]').click(function(){ 
     if ($(this).is(':checked')){ 
       $(this).parent().addClass('highlighted'); 
       $(this).parent().siblings().addClass('highlighted'); 
     } else if($(this).parent().is('.highlighted')) { 
      $(this).parent().removeClass('highlighted'); 
      $(this).parent().siblings().removeClass('highlighted'); 
     } 
    }); 
}); 

Il y a quelques différentes façons de ge t la rangée en surbrillance. Mais je viens d'ajouter une classe appelée en surbrillance qui avait une couleur d'arrière-plan et le définir à tous les tds

Answer 2

Peut-être ceci:

$('table input[type=checkbox]').click(function(){ 
if($(this).is(':checked')) 
$(this).parents('tr :first').addClass('myStyleClass'); 
else 
$(this).parents('tr :first').removeClass('myStyleClass'); 
}); 

Answer 3

Je pense que vous voulez quelque chose comme ça

$('input[type=checkbox]').click(function(){ 
    var cb = $(this); 
    var tr = cb.closest('tr'); 
    cb.attr('checked') ? tr.addClass('highlight') : tr.removeClass('highlight'); 
}); 

css pour changer les couleurs de fond spécifiquement dans votre exemple

.highlight .tableeven { background-color: #f00; } 
.highlight .tableodd { background-color: #c00; }