javascript - jQuery .on() tr click 事件使用 .not() on tr 复选框点击？

Question

所以我的标题可能令人困惑，但它包含正确的细节。我有一个包含可点击行的表格。单击该行时，该行突出显示。该表还有一个复选框列。 单击复选框不应突出显示或从行中删除突出显示。我如何正确使用 .not() 或 :not 在 .on('click', 'tr', function(){ 。 ..})？ http://jsfiddle.net/vmu0p2oe/

$('table').on('click', 'tr', function () {
                if ($(this).hasClass('selected')) {
                    $(this).removeClass('selected');
                    //$(this).find(":checkbox").prop("checked", false);
                }
                else {
                    $('tr.selected').removeClass('selected');
                    $(this).addClass('selected');
                    //$(this).find(":checkbox").prop("checked", true);
                }

            });

Answer 1

将其添加到处理程序的开头:

if($(e.target).is('input[type=checkbox]')) {
    return;
}

如果单击的元素是复选框，这将停止处理程序运行。

fiddle :http://jsfiddle.net/vmu0p2oe/1/