显示隐藏复选框

时间:2012-09-13 08:58:41

标签: javascript jquery html jquery-ui

情景:

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

例子:

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

所有,区,区,类别,餐厅,商店,房屋

如果您在区域上单击它将显示区域1,如果您单击区域1,它将显示区域2,如果您取消选中则相反。但是,在您点击District1的同时,它会显示您是否只有餐馆和商店。

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

问题:

有人可以使用javascript吗?因为我不懂javascript

提前谢谢你,

The example

1 个答案:

答案 0 :(得分:1)

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

检查This Edit