如何以angularjs形式獲取多個單選按鈕值？

我有問題表單，在他們的問題有多選項。如何獲得用戶選擇的選項？如何以angularjs形式獲取多個單選按鈕值？

這是代碼？

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

如何獲取選項的值，

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

這是我在plnkr代碼http://plnkr.co/edit/OTDsUUCiDGYfxJ2AMzFR

來源

2014-09-20 Prasanna

基本上，你可以動態地添加屬性：

<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); 
    }); 
}

看看演示：http://plnkr.co/edit/QG8XP0jfjyJPY1xaXx6d?p=preview

來源

2014-09-23 05:26:41 zsong

謝謝@zsong。有用。 – Prasanna 2014-09-24 10:18:05

一切似乎罰款。被選中的單選按鈕時，只需更換你的腳本標籤用於包括角本

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

來源

2014-09-20 12:26:22

請檢查plnkr中的代碼，在表單中每個問題都有多個單選按鈕選項，如何將答案（用戶選擇的單選按鈕選項）映射到相應的問題？ – Prasanna 2014-09-22 04:22:08

如何以angularjs形式獲取多個單選按鈕值？

回答

相關問題