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

javascript iterating array of objects using checkboxes

本文关键字：对象 数组 迭代 复选框 javascript      更新时间：2023-09-26

我想在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();
    });
});
相关文章：