javascript - 显示隐藏复选框

Question

情景：

在下面链接上显示的 html 示例中，我有多个复选框，当您单击它时必须显示或隐藏：

这个例子：

根据下面的链接，当您打开特定页面时，它必须显示以下复选框：

全部、区、区、类别、餐厅、商店、房屋

例如，如果您单击 District，它将只显示 District1，如果您单击 District1，它将显示 District2，如果您取消选中，则会显示相反的情况。但同时，当您单击 District1 时，它会显示您是否只有餐厅和商店。

我使用 html 代码添加了来自 jsfiddle 的链接。

问题：

有人可以做javascript吗？因为我不懂javascript

先感谢您，

这个例子

Answer 1

$('.district').hide();
$("#district").on('change',function () {
    if(this.checked)
    {
        $('.district').show();
    }
    else
    {
        $('.district').hide();
    }
});​

检查此编辑