Сохранение нескольких наборов значений радиокнопок в объект angularjs (без jQuery) - PullRequest
0 голосов
/ 25 сентября 2018

В этой уменьшенной версии моего контроллера и представления я пытаюсь сохранить пользовательский выбор нескольких наборов переключателей, сгруппированных по три, в объекте.Затем я отправлю объект в вызове ajax для хранения через базу данных SQL.Я преуспел в этом, однако мне пришлось использовать jQuery для этого.Любые идеи о том, как сделать это в рамках angularjs, следовательно, избегая использования jQuery?Если вам интересно, переключатели представляют присутствующих и отсутствующих, чтобы сохранить посещаемость для большого списка студентов.Спасибо!

<tr ng-repeat="s in rollCallList">
    <td align="left">{{s.Last_Name}}, {{s.First_Name}}</td>
    <td>
         <input name="{{s.dc_number}}" id="id1{{s.dc_number}}" type="radio" value="P" ng-checked="radiocheck" />P
                <input name="{{s.dc_number}}" id="id2{{s.dc_number}}" type="radio" value="A" />A
                <input name="{{s.dc_number}}" id="id3{{s.dc_number}}" type="radio" value="X" />X
    </td>
</tr>
<tr>
    <td colspan="2">
           <button class="btn" ng-show="SaveAttBtn" ng-click="SaveAtt(RollCallDate)">Save Attendance</button>
           <button class="btn" ng-show="DeleteAttBtn" ng-click="DeleteAtt(RollCallDate)">Delete Attendance</button>
    </td>
</tr>

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

1 Ответ

0 голосов
/ 25 сентября 2018
<input name="dcNumber_{{s.dc_number}}" type="radio" ng-model="s.status" ng-value="'P'" />P
<input name="dcNumber_{{s.dc_number}}" type="radio" ng-model="s.status" ng-value="'A'" />A
<input name="dcNumber_{{s.dc_number}}" type="radio" ng-model="s.status" ng-value="'X'" />X

При циклическом просмотре ваших предметов, s.status будет иметь выбранное значение ng.Что касается ng-check, вы должны установить s.status равным значению, которое вы хотите выбрать автоматически.(Р, А, X)

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...