javascript使用复选框迭代对象数组

我想在

复选框

为真时显示

div

，在

复选框

为假时隐藏

div

。出于这个原因，我创建了一个对象数组，其中包含属性（复选框和div）和值（复选框和div的选择器）。但是这个代码不起作用。我哪里做错了

---

我不明白你为什么要给出这段无用的代码：

<label for="common"></label> <span>Common</span>

以及

s：

<div class='col-xs-3 post-id'>id</div>
<div class='col-xs-3 post-activation'>active</div>

只需将.attr（“checked”）更改为.is（“：checked”）

<input type="checkbox" id="post-id" />
<input type="checkbox" id="post-activation" />

<div class='col-xs-3 post-id'>id</div>
<div class='col-xs-3 post-activation'>active</div>

$(function () {
    $("input:checkbox").change(function () {
        if (this.checked)
            $("." + this.id).show();
        else
            $("." + this.id).hide();
    });
});