Question

我的JsFiddle在这里使用复选框。

我的问题是：当我单独检查所有子复选框时，不检查父级，并且它不会淡出。

    $(document).ready(function() {

    $(".pc-box").click(function() {
        if (this.checked) {
            $(this).closest("li").find(".cc-box").prop("checked", true);
            $(this).parent().fadeOut();
        }  
    });
    $(".cc-box").click(function() {
        if (!this.checked)
            $(this).closest("ul").prev().fadeIn().find(".pc-box").prop("checked", false);
    });
});

Answer 1

您必须使用parents()代替parent()。 parent()用于定位直接父级，而parents('#selector')用于定位链中的父级，除非找到选择器

使用此代码：

$(".pc-box").click(function() {
        if (this.checked) {
            $(this).parents("li").find(".cc-box").prop("checked", true);
            $(this).parents('li').fadeOut();
        }  
    });

<强> DEMO

CheckBox系列问题

1 个答案: