当用户在AngularJS中选择单选按钮时，激活特定的下拉列表

Question

在解释问题之前，下面是我的简单代码

<body>

    <div>   
        <input type="radio" name="salary"/>Per Year
            <select>
                <option value="0">All</option>
                <option value="40000">$40,000.00+</option>
                <option value="50000">$50,000.00+</option>

            </select>
    </div>


    <div>
      <input type="radio" name="salary"/>Per Hour
          <select>
                <option value="0">All</option>
                <option value="20">$20.00+</option>
                <option value="25">$25.00+</option>

            </select>
     </div
</body>

我要实现的是，当用户选择值为“ Per Year”的单选按钮时，我想禁用另一个值为“ Per Hour”的单选按钮。因此他无法从其他下拉列表中选择值。

我该如何在AngularJS中执行此操作？他们的任何指令都可以解决此问题吗？

Answer 1

http://jsbin.com/boqexu/1/edit

<body ng-app="app">
  <div ng-controller="firstCtrl">
     <div>
        <input type="radio"  name="salary" ng-model="type" value="year"/>Per Year
            <select ng-model="year.value" ng-disabled="type =='hour'">
                <option value="0">All</option>
                <option value="40000">$40,000.00+</option>
                <option value="50000">$50,000.00+</option>

            </select>
    </div>


    <div>
      <input type="radio" name="salary" ng-model="type" value="hour"/>Per Hour
          <select ng-disabled="type =='year'" ng-model="hour.value">
                <option value="0">All</option>
                <option value="20">$20.00+</option>
                <option value="25">$25.00+</option>

            </select>
    </div>



      </div>
</body>

当用户在AngularJS中选择单选按钮时，激活特定的下拉列表

问题描述

1 个解决方案

解决方案1
3 已采纳 2014-08-10 12:12:54

当用户在AngularJS中选择单选按钮时，激活特定的下拉列表

问题描述

1 个解决方案

解决方案1 3 已采纳 2014-08-10 12:12:54

解决方案1
3 已采纳 2014-08-10 12:12:54