项目如何在选择/取消选择复选框时消失和出现？ [关闭]

【问题标题】：how do items disappear and appear upon select/un-select checkbox? [closed]项目如何在选择/取消选择复选框时消失和出现？ [关闭]
【发布时间】：2012-07-10 06:41:00
【问题描述】：

如何在复选框上单击事件时使用 jquery 隐藏/显示网页上的项目（假设有多个复选框，每个复选框都有其相关项目）？

【问题讨论】：

请写 - 你使用什么 php 插件？或更具体。

标签： php jquery css

【解决方案1】：

页面中的一些 javascript 代码等待页面加载，然后注册复选框上的单击事件，当复选框的值发生更改时，代码会查看当前值，然后隐藏/显示其他项目网页。

在某些情况下，它甚至可能对服务器进行 ajax 调用以获取新内容，然后将该内容插入到页面中。

在 jQuery 中，你可以这样做：

$(document).ready(function() {
    $("#showRelatedItems").click(function() {
        $(".relatedItems").toggle($(this).prop("checked"));
    });
});

这适用于带有id="showRelatedItems 的复选框和带有class="relatedItems" 的一组相关项目。

工作演示：http://jsfiddle.net/jfriend00/egYJj/

【讨论】：