Javascript Datatables问题：如何单击复选框，然后突出显示行，反之亦然？

我有一个表行，希望在表中获得一个单元格，如：

<tr>
    <td><input type="checkbox"id="delete" value="1"></td>
                        <td id="rowid">1</td>
                        <input 
                        <td>2</td>
                        <td>test</td>
                        <td>email@gmail.com</td>
                        <td>1</td>
                        <td>5</td>
                        <td>2018-12-31 09:28:29 </td>
        </tr>

但是现在，当我单击复选框时，它不会被选中，“checked”类也不会添加到复选框输入中

我希望，如果我单击整个复选框，那么复选框将变为选中状态。

---

现在可以这样做了，但当我选中复选框时，该复选框将高亮显示，但复选框未选中。

在单击复选框时添加一个事件侦听器，以停止事件向行的传播，然后将类切换到复选框中最近的行：

$（文档）.ready（（）=>{
$（“#clients tbody”）。在（'click'，'tr'，函数（e）上{
$（this.toggleClass（'selected'）；
var _element=$（this.find（'input[type=checkbox]）；
var checkboxStatus=_element.prop（'checked'）；
_元素.prop（'checked'，！checkboxStatus）；
});
$（“#clients tbody”）。在（'click'，'input[type=checkbox]'上，函数（e）{
e、 停止传播（）；
$（this）.closest（'tr'）.toggleClass（'selected'）；
});
});
。已选定{
背景：红色；
}
桌子{
边界塌陷：塌陷；
边界间距：0；
}

1.
2.
测试
email@gmail.com
1.
5.
2018-12-31 09:28:29 
有一个未关闭的

$(document).ready(function() {
    var table = $('#clients').DataTable();

    $('#clients tbody').on( 'click', 'tr', function () {
        $(this).toggleClass('selected');
        var _element = $(this).find('input[type=checkbox]');
        var checkboxStatus = _element.prop('checked'); //true or false
        _element.prop('checked',!checkboxStatus); // If checkbox is 
        //checked, turn it to uncheck and if is unchecked, check it
} );
    } );

    $('#button').click( function () {
        alert( table.rows('.selected').data().length +' row(s) selected' );
    } );
} );