显示隐藏复选框

Question

场景：

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

这个例子：

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

全部，地区，区域，类别，餐厅，商店，房屋

例如，如果您在District上单击，它将仅显示District1，而如果您单击District1，则将显示District2，如果您取消选中，则显示反面。 但是同时，例如，当您单击District1时，它将显示您是否只有餐厅和商店。

我添加了jsfiddle的链接以及html代码。

问题：

有人可以使用JavaScript吗？ 因为我不懂JavaScript

先感谢您，

这个例子

Answer 1

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

检查此编辑