Javascript 如果选中，则显示/隐藏UL子级

我试图在单击家长时显示/隐藏一些ul复选框。我到处找了，就是找不到它

有人能帮我把这件事做好吗？如果选中父类别，则需要显示/隐藏子复选框

代码如下：

类别

Aanbouw&；Opbouw

aanbouw
阿尔杰米工程
海沃肯基金会
车库布温
isoleren
nieuwbouw
opbouw
翻新
走廊

您需要为此使用一些JQuery

$('#in-project_category-3').click(function () {
    $(".children").toggle(this.checked);
});

而您的孩子ul需要获得

显示：无

我给你做了一把小提琴，我希望这是你想要的：

---

您需要为此使用一些JQuery

$('#in-project_category-3').click(function () {
    $(".children").toggle(this.checked);
});

而您的孩子ul需要获得

显示：无

我给你做了一把小提琴，我希望这是你想要的：

---

将

.children

设置为

显示：无

然后从
.parent
，找到第一个复选框。添加
更改
事件，然后
切换
.children
（如果选中）

要使所有列表更通用，请使用
此
，返回
.parent
并找到要切换的
.children

$('.parent input[type="checkbox"]:first-child').change(function(){
    $(this).closest('.parent').find('.children').toggle($(this).is(':checked'));
});


$（'.parent输入[type=“checkbox”]：第一个子项”）.change（函数（）{
$（this）.closest（'.parent'）.find（'.children'）.toggle（$（this）.is（':checked'））；
});
.children{
显示：无；
}

类别


安博公司；奥普布


安堡


阿尔杰明


海沃肯基金会


布温车库


伊索尔伦


纽布


奥普布


翻新


游廊



类别2


安博公司；奥普布


安堡


阿尔杰明


海沃肯基金会


布温车库


伊索尔伦


纽布


奥普布


翻新


游廊



将
.children
设置为
显示：无

然后从
.parent
，找到第一个复选框。添加
更改
事件，然后
切换
.children
（如果选中）

要使所有列表更通用，请使用
此
，返回
.parent
并找到要切换的
.children

$('.parent input[type="checkbox"]:first-child').change(function(){
    $(this).closest('.parent').find('.children').toggle($(this).is(':checked'));
});


$（'.parent输入[type=“checkbox”]：第一个子项”）.change（函数（）{
$（this）.closest（'.parent'）.find（'.children'）.toggle（$（this）.is（':checked'））；
});
.children{
显示：无；
}

类别


安博公司；奥普布


安堡


阿尔杰明


海沃肯基金会


布温车库


伊索尔伦


纽布


奥普布


翻新


游廊



类别2


安博公司；奥普布


安堡


阿尔杰明


海沃肯基金会


布温车库


伊索尔伦