顯示隱藏復選框

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();
    }
});​

檢查此編輯