jquery – 可点击的行和复选框冲突

前端之家收集整理的这篇文章主要介绍了jquery – 可点击的行和复选框冲突前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我用这个功能使我的表行可以点击
$("#grid tbody tr").click(function () {
    var $checkBox = $(this).find(':checkBox');
    $checkBox.attr('checked',!$checkBox.attr('checked'));
});

它工作正常,但是当我尝试单击复选框自己,它不工作。
我应该怎么做才能使他们工作?

解决方法

使用单个事件处理程序:
$("#grid tbody tr").click(function(e) {
    if (e.target.type == "checkBox") {

        // stop the bubbling to prevent firing the row's click event
        e.stopPropagation();
    } else {
        var $checkBox = $(this).find(':checkBox');
        $checkBox.attr('checked',!$checkBox.attr('checked'));
    }
});

http://jsfiddle.net/karim79/UX2Fv/

猜你在找的jQuery相关文章