带有not（）选择器的jQuery和DataTables

Question

在下面的代码中，如何点击复选框或输入字段才能切换行选择？我尝试使用not（）选择器，如：

$('#example tbody').on('click', 'tr:not(input)', function () ...

http://jsfiddle.net/kevmor/7txDz/

Answer 1

这称为事件冒泡。

jQuery stopPropagation bubble down

使用：

$('input').on('click', function (e) {
   e.stopPropagation();
})

Answer 2

在输入上使用e.stopPropagation()：

$('#example tbody').on('click', ':input', function(e){
   e.stopPropagation(); // stops the event to bubble up to the dom tree
}).on('click', 'tr', function () ...

Demo

---

jQuery中的

:input选择所有表单元素，包括复选框，无线电，textareas，选择等。