当表格行被点击时选中和取消选中复选框

Question

现在我有我的脚本设置，这样当表格行内的每个复选框被选中时，它将执行所需的功能（addClass和其他一些功能）。

我还想选中/取消选中复选框，并在单个表格行被点击时执行相同的功能。

这里是我的复选框功能代码：

$('input[type="checkbox"]').bind('click',function(e) { 
     var $this = $(this); 
     if($this.is(':checked')) { 
       num += 1; 
       $('#delete_btn').fadeIn('fast'); 
       $this.parents('tr').addClass('selected'); 
       select_arr.unshift(this.id); 
     } else { 
       num -= 1; 
       if(num <= 0) { 
       $('#delete_btn').fadeOut('fast'); 
       } 
      $this.parents('tr').removeClass('selected'); 
       select_arr.shift(this.id); 
     } 
    }); 

什么是达到相同的结果是这个代码，只需点击表行本身，而不是复选框的最佳方式，但仍然允许复选框的功能相同。

下面是表：

在此先感谢。

Answer 1

我最终为这个确切的问题找到了一个很好的资源。

检查出来：

Quick Tip: Click Table Row to Trigger a Checkbox Click

Answer 2

$("tr").click(function(){ 
    $(this).child("input:checkbox").eq(0).click(); 
}); 

您可能需要一个类添加到TR标记，使它们与其他TR标签辨别页面上（例如：< TR类=” ticketTR“> ..和刚才添加的点击功能那些:::

$("tr.ticketTR").click(function(){ 
    $(this).child("input:checkbox").eq(0).click(); 
});