Checkbox 复选框子类别隐藏直到选中父复选框

Checkbox 复选框子类别隐藏直到选中父复选框,checkbox,parent,categories,Checkbox,Parent,Categories,我试图使子类别复选框仅在选中相关父复选框后显示 目前,我正在使用以下代码: <script type="text/javascript"> $(document).ready(function () { $("#listing_category-401 .children").css("display", "none"); $(".option").change(function () { if ($('checkbox[id="in-listing_category-40

我试图使子类别复选框仅在选中相关父复选框后显示

目前,我正在使用以下代码:

<script type="text/javascript">
$(document).ready(function () {
$("#listing_category-401 .children").css("display", "none");
$(".option").change(function () {

    if ($('checkbox[id="in-listing_category-401"] :checked').val() == "true") {
        $("#listing_category-401 .children").slideDown("fast");
    }
});
});

$(文档).ready(函数(){
$(“#清单_category-401.children”).css(“显示”、“无”);
$(“.option”).change(函数(){
if($('checkbox[id=“in-listing_category-401”]:checked')。val()=“true”){
$(“#清单(u category-401.children”)。向下滑动(“快速”);
}
});
});

好的,处理方法稍有不同,但下面的方法会起作用,小提琴在这里:

下面是代码:

HTML


艺术家/乐队
    声学艺术家/乐队 备选艺术家/乐队
风格:

  <style TYPE="text/css" MEDIA=screen>
  .children {
    display:none
  }
  </style>

.儿童{
显示:无
}
JAVASCRIPT:

  $(document).ready(function () {
  $('#in-listing_category-401').change(function () {
        if (this.checked) {
             $("#listing_category-401 .children").slideDown("fast");
        }
        else {
          $("#listing_category-401 .children").slideUp("fast");
        }
    })
  })
  </script>
$(文档).ready(函数(){
$('#在清单_category-401')。更改(函数(){
如果(选中此项){
$(“#清单(u category-401.children”)。向下滑动(“快速”);
}
否则{
$(“#清单(u category-401.children”).slideUp(“fast”);
}
})
})

好的,处理方法稍有不同,但以下方法会起作用,这里是小提琴:

下面是代码:

HTML


艺术家/乐队
    声学艺术家/乐队 备选艺术家/乐队
风格:

  <style TYPE="text/css" MEDIA=screen>
  .children {
    display:none
  }
  </style>

.儿童{
显示:无
}
JAVASCRIPT:

  $(document).ready(function () {
  $('#in-listing_category-401').change(function () {
        if (this.checked) {
             $("#listing_category-401 .children").slideDown("fast");
        }
        else {
          $("#listing_category-401 .children").slideUp("fast");
        }
    })
  })
  </script>
$(文档).ready(函数(){
$('#在清单_category-401')。更改(函数(){
如果(选中此项){
$(“#清单(u category-401.children”)。向下滑动(“快速”);
}
否则{
$(“#清单(u category-401.children”).slideUp(“fast”);
}
})
})

有什么建议吗?你需要我提供更多的信息吗?相关的HTML会很好。问题在哪里?如果您在.val()中控制台.log(“test”)=“true”,会触发吗?提供一个小提琴或你的html,我们可以很快解决。你好。谢谢你的回复。请看小提琴:有什么建议吗?你需要我提供更多的信息吗?相关的HTML会很好。问题在哪里?如果您在.val()中控制台.log(“test”)=“true”,会触发吗?提供一个小提琴或你的html,我们可以很快解决。你好。谢谢你的回复。请看小提琴:巴德,你是一个绝对的传奇!非常感谢。最后一件事,如果你愿意再次帮助-我试图禁用所有的家长类别时,点击1个家长类别。我有下面的小提琴,在这里很好用()但在我的小提琴上不行()巴德,你是一个绝对的传奇!非常感谢。最后一件事,如果你愿意再次帮助-我试图禁用所有的家长类别时,点击1个家长类别。我有下面的小提琴,它在这里很好用()但在我的小提琴上不好用()