点击table中td 选中td中checkbox问题

Question

<table class="table">     <tr>         <th>A</th>         <th>B</th>         <th>C</th>         <th>D</th>         <th>E</th>     </tr>     <tr>         <td><input class="A" type="checkbox" value="" /></td>         <td><input class="B" type="checkbox" value="" /></td>         <td><input class="C" type="checkbox" value="" /></td>         <td><input class="D" type="checkbox" value="" /></td>         <td><input class="E" type="checkbox" value="" /></td>     </tr></table>目的：在点击td任何地方的时候，checkbox都设置成被选中或取消的状态但是在点击td选中或者取消checkbox时，如果点击checkbox操作的时候会和td选中 取消冲突，造成checkbox不能选，js如下：$(".table").on("click", "tr td", function(){    var checkbox  = $(this).find("input[type='checkbox']");    var isChecked = checkbox.is(":checked");         //      if (isChecked) {         checkbox.removeAttr("checked");     } else {         checkbox.attr("checked","true");     } })怎么才能在td之前 检查点击的是不是checkbox呢？