不開被點擊表複選框，當一個新的頁面

Question

我有這個JavaScript，當我點擊一個錶行這將打開新的一頁：

$(document).ready(function() { 
    $('table[id$="dataTable"]').find("tbody").on("click", "tr", function() { 
     $(this).find('a[id$="lnkHidden"]').trigger("click"); 
    }).on("click", 'a[id$="lnkHidden"]', function (e) { 
     e.stopPropagation(); 
    }); 
}); 

的使用JavaScript調用此按鈕：

<h:commandLink id="lnkHidden" action="#{bean.pageRedirect}" style="text-decoration:none; color:white; display:none"> 
     <f:setPropertyActionListener target="#{bean.sessionValue}" value="#{item.value}" /> 
    </h:commandLink> 

該代碼運行良好，但事實證明，當我選擇表格的第一列這是一個複選框，我也打開一個新的頁面。點擊複選框時，如何修改JavaScript以不打開新頁面？

Answer 1

監聽表格單元而不是行的點擊，然後忽略單元格是否在第一列。

與jQuery堅持，這可能工作：

$(document).ready(function() { 
    $('table[id$="dataTable"]').find("tbody").on("click", "td", function() { 
     if (this.cellIndex > 0) { 
      $(this.parentNode).find('a[id$="lnkHidden"]').trigger("click"); 
     } 
    }).on("click", 'a[id$="lnkHidden"]', function (e) { 
     e.stopPropagation(); 
    }); 
});