【问题标题】:Angular Js - formating label when inner radio input is checkedAngular Js - 检查内部无线电输入时的格式化标签
【发布时间】:2014-10-20 17:10:21
【问题描述】:

我正在处理这种情况,我有一个标签标签环绕单选输入按钮,类似于:

<label>
     <input type="radio" ng-model="question.value" value="{{option.value}}">
</label>

标签标签是在单选按钮隐藏时被格式化以供查看的标签。当ng-model == value 时,会自动检查某个单选按钮,这发生在我的应用程序中,完全没有问题。

问题是,我想在发生这种情况时格式化标签标签。通常标签由onclick 事件格式化,但这不是一个事件,所以我不确定如何在 JavaScript 中解决这个问题。 CSS 样式不是一个选项,因为它不能选择父元素。

【问题讨论】:

  • 如果需要,不要忘记处理键盘控制,标签可以用tab键到达,单选按钮用空格键检查。

标签: javascript jquery html css angularjs


【解决方案1】:

使用 ng-class

<label ng-class="{'class-name':question.value==option.value">
     <input type="radio" ng-model="question.value" value="{{option.value}}">
</label>

在 CSS 中

.class-name{
   color:green;
}

【讨论】:

  • 简单但有效。
猜你喜欢
  • 1970-01-01
  • 2021-10-13
  • 1970-01-01
  • 2021-09-23
  • 2013-08-16
  • 1970-01-01
  • 2014-10-10
  • 1970-01-01
  • 2010-10-12
相关资源
最近更新 更多