javascript - 在我的表行中委托(delegate)复选框

Question

<tbody>
 <tr>
  <td><input type="checkbox"/></td>
  <td>453</td>
  <td>Nick  James</td>
  <td>12/9/2016</td>
 </tr>
</tbody>

JS

$('body').on('click','#myTable tbody',function(e){
    alert('do something');
});

我的表格行中有复选框，如何从上面的点击事件中委托(delegate)它？我不希望在单击复选框时发生该事件。

Answer 1

仅当目标类型不是复选框时才执行功能

$(document).ready(function(){

$('body').on('click','#myTable tbody',function(e){
if(e.target.type!='checkbox')
    alert('do something');
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table id='myTable'>
<tbody>
 <tr>
  <td><input type="checkbox"/></td>
  <td>453</td>
  <td>Nick  James</td>
  <td>12/9/2016</td>
 </tr>
</tbody>
</table>