title: Storing multiple sets of radio button values into object angularjs (without jQuery)
body: <p>In this slimmed down version of my controller and view, I am attempting to store the user selection of multiple sets of radio buttons, grouped in threes, within an object. I then will send the object within ajax call in order to store via SQL database. I have succeeded in doing this, however I had to use jQuery to do so. Any ideas on ways to do this within the angularjs framework, hence avoiding the jQuery usage? In case you’re wondering, the radio buttons represent present and absent, in order to keep attendance for a large list of students. Thank you!  </p>
  
  <pre><code>&lt;tr ng-repeat="s in rollCallList"&gt;
      &lt;td align="left"&gt;{{s.Last_Name}}, {{s.First_Name}}&lt;/td&gt;
      &lt;td&gt;
           &lt;input name="{{s.dc_number}}" id="id1{{s.dc_number}}" type="radio" value="P" ng-checked="radiocheck" /&gt;P
                  &lt;input name="{{s.dc_number}}" id="id2{{s.dc_number}}" type="radio" value="A" /&gt;A
                  &lt;input name="{{s.dc_number}}" id="id3{{s.dc_number}}" type="radio" value="X" /&gt;X
      &lt;/td&gt;
  &lt;/tr&gt;
  &lt;tr&gt;
      &lt;td colspan="2"&gt;
             &lt;button class="btn" ng-show="SaveAttBtn" ng-click="SaveAtt(RollCallDate)"&gt;Save Attendance&lt;/button&gt;
             &lt;button class="btn" ng-show="DeleteAttBtn" ng-click="DeleteAtt(RollCallDate)"&gt;Delete Attendance&lt;/button&gt;
      &lt;/td&gt;
  &lt;/tr&gt;
  
  $scope.SaveAtt = function (dt) {
          $scope.rollCallList.forEach(function (obj) {
  
              var dc = obj.dc_number;
              var attVal = $('input[name=' + dc + ']:checked').val();
  
              obj.status = attVal;
              obj.classDate = dt;
  
              console.log(obj);
          });
      }
  </code></pre>