How to get multiple radio button values in angularjs form?

Question

I have questioner form, in their question have multple options. how to get user selected options?

Here is the code?

         ...
         <ul>
            <li ng-repeat="question in questionPaper.questions">
              <div>{{question.description}}</div>
              <ul>
                <li ng-repeat="option in question.options">
                  <span>
                <input type="radio" name="option_question_{{question.id}}" ng-model="option.id"/>
                {{option.description}}
              </span>
                </li>
              </ul>
            </li>
          </ul>
         ...

How to get option values as

{question_paper_id: 1, answers: [{question_id: 1, options_id: 23}, {question_id: 2, options_id: 21}, {..}] }

Here is my code in plnkr http://plnkr.co/edit/OTDsUUCiDGYfxJ2AMzFR

zs2020 · Accepted Answer · 2014-09-23 05:26:41Z

1

Basically, you can dynamically add a property when the radio button is selected:

<input type="radio" ng-model="question.selected_id" ng-value="option.id"/>

$scope.selected_ids = [];
$scope.submitAnswers = function() {
    angular.forEach($scope.questionPaper.questions, function(question) {
        $scope.selected_ids.push(question.selected_id);
    });
}

Take a look at the demo: http://plnkr.co/edit/QG8XP0jfjyJPY1xaXx6d?p=preview

answered Sep 23, 2014 at 5:26

zs2020

54.7k30 gold badges157 silver badges223 bronze badges

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

Comments

khizar naeem · Accepted Answer · 2014-09-20 12:26:22Z

0

everything else seems to fine. just replace your script tag for including angular with this

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.22/angular.min.js"></script>

answered Sep 20, 2014 at 12:26

khizar naeem

2962 silver badges6 bronze badges

1 Comment

prasannaboga Over a year ago

Please check the code in plnkr, In the form there is multiple radio button options for each question, How map the answer(user selected radio button option) to respective question?

Collectives™ on Stack Overflow

How to get multiple radio button values in angularjs form?

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related