Javascript 选中复选框时如何隐藏div-JQuery

我有这个结构，我想在检查清单中的内容时隐藏div类“categorydesc”。。。 我该怎么做

<ul id="ul_layered_id_feature_10" class="col-lg-12">
<li id="layered_id_feature_10" class="checkbox" >
<input class="checkbox" name="layered_id_feature_10" id="layered_id_feature_10" type="checkbox">
<label for="layered_id_feature_10">test</label>
</li>
<li id="layered_id_feature_9" class="checkbox" >
<input class="checkbox" name="layered_id_feature_9" id="layered_id_feature_9" type="checkbox">
<label for="layered_id_feature_9">test</label>
</li>
</ul>

<div class="categorydesc">
<p>test</p>
</div>

测试


测试


试验

希望这能奏效

$('.checkbox').change(function(){
    if(this.checked)
        $('somediv').fadeIn('slow');
    else
        $('somediv').fadeOut('slow');

});

---

您可以使用以下代码：

$（文档）.ready（函数（）{
$（'#checker'）。更改（函数（）{
如果（$（this）.is（':checked'））
{
$（“#数据”）.show（）；
}
其他的
{
$（“#数据”）.hide（）；
}
});
});

展示

自16世纪以来，em Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它不仅存活了五个世纪，而且还跨越到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着包括Lorem Ipsum版本的Aldus PageMaker等桌面出版软件的发布而流行
您可以使用
切换方法更简单地执行此操作


$（文档）.ready（函数（）{
$（'#复选框'）。更改（函数（）{
$（“#容器”）.toggle（）；
});
});

展示

测试
我为您设置了一些代码。它正在工作。我希望这会对你有所帮助


$（文档）.ready（函数（）{
$（'input.myCheckbox'）。单击（函数（）{
if（$（this.prop（'checked'））{
警报（1）；
$（'.categorydesc'）.hide（）；
}
否则{
$（'.categorydesc'）.show（）；
}
});
});



试验


试验


内容

为什么会有这么多不相关的标签？添加一些代码。你的清单中没有任何实际的复选框。围绕这类事情可能有数百个问题和答案，等等；在你发布问题之前，请先做一些调查。复选框在哪里？谢谢。作品但是有一个问题…当我取消选中元素时.show属性不起作用。。。。style=“display:none；在我选中某个元素时处于运动状态，但当我取消选中该元素时，display属性不会更改为display:block…您可以在取消选中时尝试以下操作：$（'.categorydesc'）.css（“display”，“block”）；而不是“$（'.categorydesc'）.show（）；“如果show不适合您。我使用了style=“display:block；因为我想在我选中某个东西时隐藏它……它可以做到这一点，但当我取消选中该框时，它不会更改style=“display:none；in to display:block”的值