根据已检查的同级状态检查输入

Question

我有一些JQuery代码可在输入复选框列表中导航，并检查那些不具有checked属性的checked

$('td input:checkbox.checkbox-excluded:not(:checked)', table).prop('checked', true).change();

我想添加第二个测试，这样我就不会检查那些具有checked属性的兄弟姐妹的人

每个表格行都有两个复选框

> <td class=" downloaded"><input type="checkbox"
> class="checkbox-downloaded"></td><td class=" excluded"><input
> type="checkbox" class="checkbox-excluded"></td>

如何仅检查未选中的checkbox-excluded元素以及未选中其同级的checkbox-downloaded元素？

Answer 1

您可以使用.each()然后使用.siblings() 。 另外，最好根据层次结构对$('td')选择器进行范围划分，以提高性能。

$('td').each(function(i0,td){
    $(td).find('>input[type="checkbox"].checkbox-excluded:not(:checked)').each(function(i1,checkbox){
        if($(td).siblings().find('>input[type="checkbox"].checkbox-downloaded:not(:checked)').length>0)
        {
            $(checkbox).prop('checked', true).change();
        }
    });
});