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

Question

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

https://jsfiddle.net/9LzLm9hx/9/

Answer 1

只是改变.attr（ “选中”）来。是（ “：勾选”）

Answer 2

我不明白你为什么把这个无用的代码：

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

可制成有用的是这样的：

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

，解决您的问题，重命名复选框的id以匹配div s的类：

个

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