使用复选框选择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);

我会尝试这个，不确定它是否是一个优雅的解决方案。