我有一张数据表格,每行都有一个复选框供用户选择项目。
我使用以下jQuery代码,允许用户通过单击行中的任何位置来选择项目:
问题在于,如果我直接点击复选框,什么也不会发生。即使复选框未被选中,它仍然保持未选中状态。如果我在行的任何其他位置单击,复选框会更改状态。
我认为jQuery代码导致动作执行两次。如果我点击复选框,复选框将更改,但是然后将执行单击行的jQuery代码,并且复选框将被更改回来。不确定是否实际发生了这种情况,但那是我的猜测。
当用户单击行时,如何切换复选框,并在直接单击复选框时执行相同的操作?
我使用以下jQuery代码,允许用户通过单击行中的任何位置来选择项目:
$("tbody tr").click(function() {
var checkbox = $(this).find(':checkbox');
checkbox.attr('checked', !checkbox.attr('checked'));
});
问题在于,如果我直接点击复选框,什么也不会发生。即使复选框未被选中,它仍然保持未选中状态。如果我在行的任何其他位置单击,复选框会更改状态。
我认为jQuery代码导致动作执行两次。如果我点击复选框,复选框将更改,但是然后将执行单击行的jQuery代码,并且复选框将被更改回来。不确定是否实际发生了这种情况,但那是我的猜测。
当用户单击行时,如何切换复选框,并在直接单击复选框时执行相同的操作?