项目如何在选中/取消选中复选框时消失和显示 - how do items disappear and appear upon select/un-select checkbox?

how do items disappear and appear upon select/un-select checkbox?

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

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

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

在jQuery中，您可以这样做：

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

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

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