显示隐藏复选框

Show Hide checkboxes

本文关键字：复选框 隐藏 显示      更新时间：2023-09-26

场景：

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

示例：

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

所有，地区，区域，类别，餐厅，商店，房屋

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

我用html代码添加了jsfiddle中的链接。

问题：

有人能做javascript吗？因为我不知道javascript

提前谢谢你，

示例

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

选中此编辑

相关文章：