Question

我想在div为真时显示checkbox，在div为假时隐藏checkbox。出于这个原因，我创建了一个对象数组，它们具有属性（复选框和div）和值（复选框和div的选择器）。但是这段代码不起作用。我在哪里犯了错误？

Answer 1

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

<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();
    });
});

Answer 2

只需将.attr（＆＃34;已检查＆＃34;）更改为.is（＆＃34;：已检查＆＃34;）

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

2 个答案: