禁用开关,禁用开关时如何禁用标签?

我的堆栈

嗨,当开关关闭时,标签应为灰色,如标签应禁用,如果打开则标签应启用

这里的小提琴:http : //jsfiddle.net/dgj7s5sk/8/

 <label>check1</label>
  <div class="onoffswitch">
 <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch" 
  checked="checked" />
<label class="onoffswitch-label" for="myonoffswitch"> <span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>

</label>
</div>
  <label>check2</label>
  <div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="myonoffswitch2"  />
<label class="onoffswitch-label" for="myonoffswitch2"> <span class="onoffswitch-inner"></span>
<span class="onoffswitch-switch"></span>

</label>
</div>

在这个问题上请我。谢谢

Aniket Sinha |

这是更新的小提琴与解决方案。

在您的示例中,您没有将代码声明为有角度的应用程序。

我做了什么:

  1. 使用的Angular框架(请参见“框架和扩展”下左侧的第一滴)
  2. 宣布为角度应用。<div ng-app>第一行。
  3. ng-model为输入switches.switch1定义switches.switch2
  4. 为禁用标签定义了一个新类

.disabled-class { color:gray; }

  1. 应用条件类使用ng-class

<label ng-class="(switches.switch1)?'':'disabled-class'">check1</label>

<label ng-class="(switches.switch2)?'':'disabled-class'">check2</label>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何禁用颤振开关

来自分类Dev

无线被硬件开关禁用

来自分类Dev

禁用Android开关

来自分类Dev

角度2的输入禁用开关

来自分类Dev

禁用开关小部件的动画

来自分类Dev

禁用引导开关时添加引导工具提示

来自分类Dev

当开关行的行值更改时,如何启用/禁用模态?

来自分类Dev

如何禁用输入源备用开关键绑定?

来自分类Dev

在onswitchchange之后禁用引导程序开关

来自分类Dev

是否可以禁用电源关闭开关?

来自分类Dev

禁用工作区开关叠加效果

来自分类Dev

禁用Material Design Lite拨动开关

来自分类Dev

绘制熊猫数据时如何禁用标签?

来自分类Dev

React,Material UI,如何禁用按钮取决于状态2开关按钮

来自分类Dev

如何在Windows中禁用Ctrl + Shift键盘布局开关(对于相同的输入语言)?

来自分类Dev

如何在Windows 8中禁用Ctrl + Shift键盘布局开关?

来自分类Dev

如何修复“硬件开关禁用了无线网络”?

来自分类Dev

如何在Windows 10中禁用Ctrl + Shift键盘布局开关(对于相同的输入语言)?

来自分类Dev

sed:如何通过脚本文件而不使用-n开关禁用自动打印?

来自分类Dev

Dell Latitude上的硬件开关禁用了无线功能

来自分类Dev

在Android Studio中使用开关启用/禁用editText

来自分类Dev

MaterialUI withStyles,尝试向下钻取到禁用的开关CSS覆盖

来自分类Dev

在Windows 10中禁用Win + Space键盘布局开关

来自分类Dev

Wifi已被硬件开关禁用:错误或硬件故障?

来自分类Dev

无线网络已被硬件开关禁用

来自分类Dev

东芝tecra A9上的硬件开关禁用了WiFi

来自分类Dev

启用一个开关后,禁用所有其他开关

来自分类Dev

如何从tinyMCE禁用HTML标签

来自分类Dev

如何使用jQuery禁用标签?

Related 相关文章

热门标签

归档