javascript - 带有复选框的表 tr td，如果没有选中复选框，则应用父 tr 类

Question

我正在尝试在这种情况下向我的表中添加一个小脚本:我有一个表，每个 tr td 上都有一个复选框，我只想在选择器找到一个 tr 时应用我的 jQuery 脚本，其中所有 td 复选框都未选中，但如果在 tr 行上只选中一个复选框，则不要将类添加到父 tr .

基本上，当整个 tr 行上没有选中任何 td 复选框时，我需要向父 tr 添加一个类。

Here is my script:

$(function () {
    $('#callScr').on('click', function (e) {
        $(".table tr input:not(:checked)").each(function (i, obj) {
            $(this).parent().parent().addClass("yourClass");
        });
    })
});

Here is my fiddle:

现在正在将该类添加到所有 tr parent ，即使我选择了一个复选框......

Answer 1

如果复选框被选中，我猜你还想删除类:

$(function(){
    $('#callScr').on('click', function(e){
        $('.table tbody tr').each(function(){
            $(this).toggleClass('yourClass',$(this).find(':checkbox:checked').length == 0);
        });
    });
});

https://jsfiddle.net/DTcHh/16995/