选中md-radio-button选项时启用md-checkbox

时间:2016-11-24 01:54:22

标签: angularjs

我只需选择一个选项,只激活各自的额外字段。 (见图)

Form

我尝试了同样的"单选按钮"但我无法察觉它何时被改变。任何线索?

2 个答案:

答案 0 :(得分:2)

您可以使用ng-change()

<强> HTML:

  <md-radio-group ng-change="test()" ng-model="myVar">
    <md-radio-button value="One">One</md-radio-button>
    <md-radio-button value="Two">Two</md-radio-button>
    <md-radio-button value="Three">Three</md-radio-button>
  </md-radio-group>

<强>控制器:

  $scope.test = function(){
      alert("test");
  }

当用户选择值 One

时,将启用示例复选框

<强> DEMO

答案 1 :(得分:0)

你可以像这样使用ng-disabled:

<input type="checkbox" ng-model="checked" placeholder="Disabled if not checked"> <input type="text" ng-disabled="!checked">

如果未单击复选框,则会禁用输入。

DEMO