在解释我的问题之前，下面是我的简单代码
<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>
我想要实现的是当用户选择值为“每年”的单选按钮时。我想禁用另一个单选按钮[值为“每小时”]。所以他无法从其他下降中选择值-下拉列表。
我怎样才能在 AngularJS 中做到这一点？他们有任何指令可以解决这个问题吗？
最佳答案
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>
关于javascript - 当用户选择 AngularJS 中的单选按钮时激活特定的下拉列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25228118/