提问者:小点点

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


具有以下结构的多个.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");
}

但我想我做错了


共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块应该可以完成您的工作。