突出显示与jQuery复选框选择行

我有一个表与多行。每行都有一个检查按钮。当选中复选框时，如何突出显示该行（应用样式我想）？突出显示与jQuery复选框选择行

2011-04-01 santa

请先尝试一下，然后回来一些代码。 – CarlosZ 2011-04-01 17:10:23

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

见toggleClass()和closest()

来源

2011-04-01 17:09:54 karim79

看起来他们都添加了课程。错字？ – 2011-04-01 17:10:49

@Kerin--就是这样。我修改了我的答案，使用'.toggleClass'使其更简洁。 – karim79 2011-04-01 17:11:49

对。顺便说一句，你刚刚教我关于.closest（） - golly，我和jQuery有一天会结婚。 – 2011-04-01 17:14:20

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

来源

2011-04-01 17:11:19

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

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

我想试试这个，不知道这是否是一个完美的解决方案。

来源

2011-04-01 17:13:28 omabena

突出显示与jQuery复选框选择行

回答

相关问题