点击table中td中checkbox问题，当设置成DISABLED不可以选择时，但是当我点击同一行其它地方还是会被选中

Question

点击table中td中checkbox问题，当设置成DISABLED不可以选择时，但是当我点击同一行其它地方还是会被选中

代码如下：

<tr class='data-item-tr'>
    <td>
    <input type='checkbox' class='js-check' data-yid='js-check-y' data-xid='js-check-x' name='ids[]'
               value='\$parent_id,\$id'  data-name='\$name' \$checked DISABLED/>
    </td>
 
   
    <td>\$parent_id</td>
    <td>\$id</td>
    <td>\$spacer <a style=text-decoration:none>\$name</a></td>
  
</tr>

请问怎么让我在其它地方点击鼠标时，也不让checkbox选择？谢谢

Answer 1

原来时由于点击事件监听，把这段js代码注释就好了

$('.data-item-tr').click(function (e) {

console.log(e);
var $this = $(this);
if ($(e.target).is('input')) {
    return;
}

var $input = $this.find('input');
if ($input.is(':checked')) {
    $input.prop('checked', false);
} else {
    $input.prop('checked', true);
}

});