Get value of checked radio button in radio button in Angular JS which as ng-repeat

Question

Here is the code on selection of any one of the radio button i need to get the value

<label ng-repeat="SurveyType in SurveyTypes">
    <input type="radio" name="SurveyTypeName" ng-model="surveyData.SurveyTypeName" ng-value="{{surveyData.SurveyTypeName}}" />
    {{SurveyType.Name}} &nbsp; &nbsp; &nbsp;
</label>

The value should be updated once someone clicks a radio button. Check $scope.surveyData.SurveyTypeName 's value — cdslijngard
– cdslijngard, Commented Feb 8, 2016 at 11:15
basically you don't even need {{}} on ng-value, try ng-value="surveyData.SurveyTypeName" — Pankaj Parkar
– Pankaj Parkar, Commented Feb 8, 2016 at 11:19

Shaishab Roy · Accepted Answer · 2016-02-08 11:40:53Z

1

You should assign value from your repeat-loop not from model value and no need to use {{}} for ng-value

so use ng-value="SurveyType.Name" instead of ng-value="{{surveyData.SurveyTypeName}}" so selected radio button value set to surveyData.SurveyTypeName.

If you want to select anyone by default you can assign value to surveyData.SurveyTypeName like $scope.surveyData={SurveyTypeName: 'second'} then that radio button shown as selected that has value second.

HTML:

<label ng-repeat="SurveyType in SurveyTypes">
    <input type="radio" name="SurveyTypeName" ng-model="surveyData.SurveyTypeName" ng-value="SurveyType.Name" />
    {{SurveyType.Name}} &nbsp; &nbsp; &nbsp;
</label>

PLUNKER DEMO

edited Feb 8, 2016 at 11:40

answered Feb 8, 2016 at 11:34

Shaishab Roy

16.9k7 gold badges56 silver badges69 bronze badges

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

6 Comments

Ajinkya Sawant Over a year ago

$scope.surveyData.SurveyTypeName as undefined

Shaishab Roy Over a year ago

In controller you should create first $scope.surveyData as object like $scope.surveyData= {} then $scope.surveyData.SurveyTypeName = "sonthing" or $scope.surveyData= {SurveyTypeName: 'something'}; see PLUNKER DEMO

Ajinkya Sawant Over a year ago

same error.Here the SurveyTypes is coming from Database

Shaishab Roy Over a year ago

Can you show your controller code? (update your question with controller code)

Ajinkya Sawant Over a year ago

$scope.Submit = function () { var surveyData = { SurveyTypeName: $scope.surveyData.SurveyTypeName, };

|

RIYAJ KHAN · Accepted Answer · 2016-02-08 11:20:50Z

0

Your HTML should be like this.

 <input type="radio" name="SurveyTypeName" ng-model="surveyData.SurveyTypeName" ng-value="{{surveyData.SurveyTypeName}}"  ng-change="getval($index)"/>

Js

$scope.getval = function (index){


 var servetypename =SurveyTypes[index];

var data =servetypename.SurveyTypeName

}

edited Feb 8, 2016 at 11:20

answered Feb 8, 2016 at 11:19

RIYAJ KHAN

15.3k5 gold badges34 silver badges56 bronze badges

Comments

msapkal · Accepted Answer · 2016-02-08 11:27:09Z

0

Don't know from surveyData.SurveyTypeName is coming from.

<li ng-repeat="SurveyType in SurveyTypes">
        <input type="radio" name="SurveyTypeName" ng-model="$parent.rdoSelected" ng-value="SurveyType.SurveyTypeName" />
        {{SurveyType.Name}}
</li>

PLUNKER

answered Feb 8, 2016 at 11:27

msapkal

8,3462 gold badges34 silver badges48 bronze badges

2 Comments

Ajinkya Sawant Over a year ago

$scope.surveyData.SurveyTypeName as undefined

Ajinkya Sawant Over a year ago

it is $scope.surveyData.SurveyTypeName defined in Js

Collectives™ on Stack Overflow

Get value of checked radio button in radio button in Angular JS which as ng-repeat

3 Answers 3

6 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

6 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related