突出顯示與jQuery複選框選擇行

Question

我有一個表與多行。每行都有一個檢查按鈕。當選中複選框時，如何突出顯示該行（應用樣式我想）？

Answer 1

$(":checkbox").change(function() { 
    $(this).closest("tr").toggleClass("highlight", this.checked); 
}); 

見toggleClass()和closest()

Answer 2

$(":checkbox:checked").each( 
function() 
{ 
    if (this.checked) 
    { 
     this.addclass("yourClass"); 
    } 
} 

Answer 3

$(function(){ 
    $(":checkbox").click(function(){ 

     var thischeck = $(this); 
     var approved = (thischeck.is(':checked')) ? '1' : '0'; 
     if(approved) { 
      //apply what ever you want 
     } 
    }); 
})(jQuery); 

我想試試這個，不知道這是否是一個完美的解決方案。