Question

我需要一个帮助。当选择单选按钮时，我需要禁用一些输入字段。让我解释下面的代码。

<div class="input-group bmargindiv1 col-md-12">
<span class="input-group-addon ndrftextwidth text-right" style="width:180px">Unit Cost Price :</span>
<input type="text" name="discount" id="ucp" class="form-control" placeholder="Add unit cost price" ng-model="unit_cost_price" ng-keypress="clearField('ucp');" ng-readonly="ucpread" ng-disabled="ucpdis">
</div>
<div class="input-group bmargindiv1 col-md-12" >
<input type="radio" name="favoriteColors" ng-model="isChecked.new">Add new stock
<input type="radio" name="favoriteColors" ng-model="isChecked.old">Update stock 
</div>

在上面的代码中我默认选择Update stock。我需要用户选择Update stock当用户选择{{}时，上述Unit Cost Price字段将被禁用/只读1}}它将被启用。请帮助我。

Answer 1

为单选按钮赋值并将其与禁用\ enable text

进行比较

 <input type="radio" ng-model="isChecked" name="favoriteColors" value="true" />Add new stock
 <input type="radio" ng-model="isChecked" name="favoriteColors" value="false" />Update stock

 <input type="text" ng-disabled="isChecked=='false'">

检查这个小提琴手：http://jsfiddle.net/ryf2h49p/

如何使用angular.js选择单选按钮时禁用输入字段

1 个答案: