Angular Js Default Radio Button Selection

Question

I am using the following piece of code for selecting the first option for radio button, but somehow it doesn't seem to work

<label class="radio inline">
    <input type="radio" ng-value="true" name="smsEnabled" ng-model="contactNumberArray.smsEnabled1" ng-checked="true">Yes
</label>
<label class="radio inline">
    <input type="radio" ng-value="false" name="smsEnabled" ng-model="contactNumberArray.smsEnabled1">No
</label>

Can someone suggest some work around for this ?

sylwester · Accepted Answer · 2014-07-07 10:06:20Z

1

Hi in your controller you have to set default value for contactNumberArray please see here: http://jsbin.com/dafoj/1/edit

JS:

  $scope.contactNumberArray ={

    smsEnabled1 : true
  };

HTML:

 <label class="radio inline">
    <input type="radio" ng-value="true" name="smsEnabled" ng-model="contactNumberArray.smsEnabled1" ng-checked="true">Yes
</label>
<label class="radio inline">
    <input type="radio" ng-value="false" name="smsEnabled" ng-model="contactNumberArray.smsEnabled1">No
</label>

answered Jul 7, 2014 at 10:06

sylwester

16.5k1 gold badge27 silver badges33 bronze badges

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

2 Comments

user3726986 Over a year ago

i found the solution and also instead of ng-value, value attribute has to be used!!

sylwester Over a year ago

there is always more to one solution of any problems

Collectives™ on Stack Overflow

Angular Js Default Radio Button Selection

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related