如果选中了至少一个输入，则将ggleClass切换到他的祖先兄弟-JQuery

Question

具有以下结构的多个.accentor元素

<div class="ancestor">
    <div class="parent-1"></div>
    <div class="parent-2">
        <div class="checkbox-group">
            <input type="checkbox">
            <input type="checkbox">
            <input type="checkbox">
        </div>
    </div>
</div>

如果.checkbox-group中至少有一个复选框被选中，那么使用JQuery我可以向.parent-1添加类吗？如果所有复选框都被取消选中，我可以删除它吗？

我想出了这个

if ($('.checkbox-group input:checked').length > 0 ) {
    $(this).closest('.parent-2').siblings('.parent-1').toggleClass("active");
}

但我想我做错了

Answer 1

if ($('.checkbox-group input:checked').length > 0 ) {
    $(this).closest('.parent-2').siblings('.parent-1').toggleClass("active");
} else {
    $(this).closest('.parent-2').siblings('.parent-1').toggleClass("active");
}

添加else块应该可以完成您的工作。