當表格行被點擊時選中和取消選中複選框

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(); 
});