我想在checkbox
为true时显示div
,在checkbox
为false时隐藏div
。出于这个原因,我创建了一个对象数组,其中包含属性(复选框和div)和值(复选框的选择器和div)。但是这个代码不起作用。我哪里做错了?
https://jsfiddle.net/9LzLm9hx/9/
只需将.attr("checked")更改为.is(":checked"
我不明白你为什么给出这段无用的代码:
<label for="common"></label> <span>Common</span>
可以通过这种方式变得有用:
<label for="common"> <span>Common</span></label>
为了解决您的问题,请重命名复选框中的id
以匹配div
的类:
<input type="checkbox" id="post-id" />
<input type="checkbox" id="post-activation" />
而<div>
s:
<div class='col-xs-3 post-id'>id</div>
<div class='col-xs-3 post-activation'>active</div>
然后使用jQuery:
$(function () {
$("input:checkbox").change(function () {
if (this.checked)
$("." + this.id).show();
else
$("." + this.id).hide();
});
});