不开被点击表复选框，当一个新的页面

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