繁体   English   中英

显示隐藏复选框

Show Hide checkboxes

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

场景:

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

这个例子:

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

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

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

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

问题:

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

先感谢您,

这个例子

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

检查此编辑

1 复选框+ Jquery隐藏/显示

我有一系列的行和复选框来过滤它们: 我想根据检查的内容隐藏/显示行。 目前我正在使用(在上一个问题的帮助下: 使用“this”来简化代码(简单的jQuery) ): 每次单击一个框时,它会切换显示的内容,如果每行只有一个类,则效果很好。 但他们没有。 现在如何设置,单击顺序 ...

2 显示/隐藏具有多个复选框的内容

我需要隐藏SVG图形并显示图标。 该事件必须通过不可见的复选框进行处理。 问题是,在触发onchange事件时,所有复选框都被选中,因此所有图标都显示出来,所有输入都被选中。 知道如何为每个input[type="checkbox"]分别设置事件处理程序吗? var $ ...

3 根据复选框显示/隐藏optgroup

所以基本上我要像在这个问题的解决方案在这里 ,但与“主”是<checkbox>不<select> 。 因此,例如,我有四个复选框和一个带有四个optgroup的选择。 我只想显示通过复选框选中的这些optgroup。 我对javascript很陌生,想不出解决方 ...

4 显示/隐藏自定义适配器中的复选框

我想在我的自定义适配器中显示/隐藏复选框,但在3天的搜索中找不到任何解决方案。 在我的自定义适配器中,当用户单击“显示”按钮然后将其显示为可见时,所有复选框均默认隐藏。 这是我的代码。 谢谢你的帮助 主要活动 自定义ListView 还有我的自定义适配器 ...

5 隐藏/显示jquerymobile控制组中的复选框

我有一个jQueryMobile的controlgroup复选框。 我想隐藏某些复选框,具体取决于之前选择的<select></select> 。 但是,如果恰好是控件组的最后一个元素或第一个元素,则复选框边框看起来很奇怪。 我如何解决这个问题,在隐藏之后,让它正确 ...

7 多个复选框可显示/隐藏Div

我正在努力寻找一种具有多个可以显示或隐藏div的复选框的方法。 基本上,我不希望每个框都具有更改功能。 我想有一种方法可以创建一个传递值等的函数,但是我无法通过复选框解决它。 JS小提琴链接 ...

8 隐藏/显示基于用户选择输入的复选框

坚持试图解决这个问题..我只想拥有一个带有复选框的静态HTML表单。 然后用户点击页面然后可以通过复选框选择,选中的复选框或复选框保留在页面上,然后选择未选中的复选框或隐藏。 以下是我尝试过的最新逻辑: (2个复选框的简化版,但注意会有10个) 的jsfiddle H ...

9 r使用操作按钮隐藏/显示复选框

说我有以下代码... 用户界面 有没有一种方法可以通过单击适当的actionButton来使用条件面板来隐藏/显示checkboxGroups? 据我了解,actionButton仅存储一个整数,该整数从0开始,每次单击该按钮时增加1,这在这种情况下似乎没有太大帮助。 是否可以 ...

10 根据单选和复选框显示和隐藏,启用和禁用

好的,我将我的问题改写为两个较小的模块: 1)当我们单击形式为名称为electronics的单选按钮时,应显示id为'electronics的div最初是隐藏的。 我的jQuery函数对此不正确。 有指针吗? 2)首先应禁用在div电子产品中输入数量的文本框,然后在用户单击项目名 ...

2015-03-19 13:13:22 4 1128   jquery
暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM