How to Disable input field when radio button will choose using angular.js

Question

I need one help.I need to disable some of my input field when radio button will select.Let me to explain my code below.

<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>

In the above code i am getting Update stock is by default selected.I need when user will choose Update stock the above Unit Cost Price field will be disabled/readonly when user will choose Add new stock it will be enable.Please help me.

try ng-disabled="isChecked.new"

koox00
– koox00

2015-12-30 12:45:52 +00:00
Commented Dec 30, 2015 at 12:45 — koox00
– koox00, Commented Dec 30, 2015 at 12:45
I tested but its not coming.

satya
– satya

2015-12-30 12:48:41 +00:00
Commented Dec 30, 2015 at 12:48 — satya
– satya, Commented Dec 30, 2015 at 12:48

Hardik Gondalia · Accepted Answer · 2015-12-30 13:06:35Z

3

Give value to radio button and compare it to disable\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'">

Check this fiddler : http://jsfiddle.net/ryf2h49p/

answered Dec 30, 2015 at 13:06

Hardik Gondalia

3,7276 gold badges39 silver badges86 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to Disable input field when radio button will choose using angular.js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related