Javascript 单击父div时切换复选框

我一直使用jquery部分，每当我单击jumbotron div框（“ab&#aa”）时，我都需要切换复选框（“abc”和“aac”）。代码如下：

$（文档）.ready（函数（）{
$（“#ab”）。在（'click'，function（）上{
$（“#abc”）.prop（'checked'，true）；
});
$（“#aa”）。单击（函数（）{
$（“#aac”）.prop（'checked'，true）；
});
});

选择您希望我们安排的额外活动。。。
旅行前住宿

旅行后住宿

要切换选中的
状态，可以向
prop（）
提供一个函数，该函数接受当前状态作为参数。然后，您可以
返回此布尔值的倒数以切换它：


$（文档）.ready（函数（）{
$（“#ab”）。在（'click'，function（）上{
$（“#abc”）.prop（'checked'，function（i，checked）{
返回！已检查；
});
});
$（“#aa”）。单击（函数（）{
$（“#aac”）.prop（'checked'，function（i，checked）{
返回！已检查；
});
});
});

选择您希望我们安排的额外活动。。。
旅行前住宿

旅行后住宿

我试图修复此问题，但效果良好

基本上你错过了一个条件。
看看代码片段，你们就会明白了


$（文档）.ready（函数（）{
$（“#ab”）。在（'click'，function（）上{
if（$（'#abc'）.prop（“选中”）==true）{
$（“#abc”）.prop（'checked'，false）
}
否则{
$（“#abc”）.prop（'checked'，true）；
}
});
$（“#aa”）。单击（函数（）{
if（$（'#aac'）.prop（“选中”）==true）{
$（“#aac”）.prop（'checked'，false）；
}
否则{
$（“#aac”）.prop（'checked'，true）；
}
});
});

选择您希望我们安排的额外活动。。。
旅行前住宿

旅行后住宿