繁体   English   中英

使用布尔值隐藏/显示元素

Hide/show element with a boolean

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

我的代码中往往有很多这些

if(shouldElementBeVisible)
    $element.show()
else
    $element.hide()

有没有更优雅的方式与 javascript、jquery 或下划线打包在一起? 理想情况下,我想要看起来像这样的东西

$element.showOrHideDependingOn(shouldElementBeVisible)
4 个回复

显然,您可以将布尔值传递给toggle函数

$element.toggle(shouldElementBeVisible)

就在这里!

$element.toggle();

没有任何参数, toggle只是切换元素的可见性(我不是指visibility属性)并取决于元素的当前状态。

$element.toggle(display);

如果您使用布尔参数调用toggle ,则元素为true则显示,为false hidden

来源

jQuery 有togglehttp : //api.jquery.com/toggle/

$element.toggle();

如果元素被隐藏,这将显示该元素,如果它被显示,则隐藏它。

函数.toggle()更改元素的display

如果你想改变visibility ,我建议使用?:运算符。 为此,在CSS上,将可见性设置为原始状态,并在JS中放置:

    var checkboxChecked = $("#yourCheckbox").(":checked");

    $("#yourElement").css("visibility", checkboxChecked ? "visible" : "hidden");
$element[ shouldElementBeVisible?'show':'hide' ]()
2 为什么不只使用布尔值

使用std_logic或std_ulogic而不是boolean的原因是什么? std_logic可以有除'1'和'0'之外'1'其他值,但在FPGA中,所有内容都被解析为'1'或'0' 。 这不会使模拟更不现实吗? ...

2014-03-20 08:35:42 2 1744   vhdl
3 使用布尔值或

所以我有这段代码。 并且有效(它说1是非质数): 我的问题是,如果我将第四行更改为: if n % i == 0 or n == 1:则它不起作用(它说1是质数)。 这是为什么? 由于我正在使用, or应该是其中之一为True,所以订单不算在内? (我仍在学习布尔值,因此 ...

4 在Rails中使用布尔值显示和隐藏信息-Rails 4

我是Rails的新手,不确定如何解决以下问题,因此,如有任何帮助或建议,我们将不胜感激-预先感谢您 我有一个布尔值“不带薪水做广告” 当用户勾选[给出真实结果]框时,我希望在show.html.erb页面上不显示广告的薪水 如果用户未在框上打勾[给出错误的结果],我希望 ...

5 使用布尔值打印集合元素

我有一个包含以下内容的集合: 当我打印集时,我总是看到False首先列出,然后是True。 接下来的3个元素按随机顺序排列。 有什么原因吗? 当我多次打印设置时,我期望所有元素都将被随机排序,包括布尔值。 ...

6 Angular 2使用* ngIf和布尔值隐藏和显示元素

我想通过使用位于另一个组件中的按钮来显示和隐藏元素。 所以我有一个仪表板,里面有一定数量的腔室和一个标题。 带有app-header和app-chamber的DashboardComponent的HTML: 我的ChamberComponent中有* ngIf这个HTML: ...

8 如何基于5个布尔值显示或隐藏元素?

我的页面上有“项目”,您可以在页面上拖动。 用户可以应用某些过滤器以仅基于特定条件显示项目。 用户还可以在同一页面上看到存储各种项目的文件夹。 用户可以单击文件夹以查看其项目。 我在基于过滤器显示或隐藏项目的逻辑上遇到麻烦。 (此外,我正在使用AngularJS的ng-clas ...

9 使用布尔值或布尔值声明数组

如果我想声明一个布尔数组,我曾经这样做: 数组中的所有元素都是false 为什么不能这样做? 我知道boolean是原始类型,而Boolean是它的包装类。 为什么它不像你声明ArrayList,在这里你使用包装类而不是原始类? ...

暂无
暂无

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

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