javascript - 将实时事件添加到行后，复选框选择不起作用

Question

我想选择行的复选框onclick，所以我为行添加了“实时”事件，点击时我使用 jQuery 选择了复选框。现在，当我点击行时，它选中了复选框。

问题是，当我点击复选框时，复选框没有被选中，因为它在那里进行复选框现场事件。

我们如何才能同时拥有行或复选框的 onclick 复选框值应该被切换？

我添加了以下代码以在单击行时选中复选框:

$('#manage-ads-grid table tbody tr').live('click', function () {
    var checkboxId = $(this).find('input:checkbox').attr('id');
        $("#" + checkboxId).prop("checked", !$("#" + checkboxId).prop("checked"));
        return false;
    })

如果可以，我可以使用事件冒泡吗？

Answer 1

在您的函数中添加条件检查，如果事件源是 INPUT，则什么也不做。

$('#manage-ads-grid table tbody tr').live('click', function (event) {
if (event.target.nodeName === 'INPUT') return;
var checkboxId = $(this).find('input:checkbox').attr('id');
    $("#" + checkboxId).prop("checked", !$("#" + checkboxId).prop("checked"));
    return false;
})

此处演示:http://jsfiddle.net/KVfB5/