Как получить значение флажка, который был проверен

0

У меня есть список флажков на моей странице html. Теперь, когда пользователь нажимает на этот флажок, и когда он нажимает кнопку " Донгруз", я должен знать, что все флажки были нажаты с проверенным состоянием.

 <tr st-select-mode="multiple" st-select-row="row"
            ng-repeat="row in orders">
 <td>{{ row.orderid }}<td>
 <td><input type="checkbox" name="{{ row.orderid }}"></td>
 </tr>
 <button type="button" class = "btn btn-default" ng-click="download()">Download Order</button>

поэтому, когда я нажимаю кнопку "Загрузить заказ", мне нужно передать значения orderid, по которым проверено состояние флажка.

Так как это можно сделать. Я не понимаю, как это сделать.

Теги:
checkbox

1 ответ

1

Вы должны использовать ng-модель с вашим флажком, например:

<input type="checkbox" ng-model="checkboxModel">

Значение изменится, когда оно будет выбрано или отменено, и будет истинным или ложным, соответственно.

Доступ к этому значению можно получить, вызвав $ scope.checkboxModel

Если вы хотите перебрать все флажки, наиболее полезным было бы добавить их в массив. Это можно сделать, используя ng-init:

<td ng-init="yourArray.push(row.orderid)"></td>

Если вы вставляете это в свой tr (в своем ng-repeat), он будет выполнять это каждый раз, когда он добавит заказ. Затем, если кто-то нажимает кнопку загрузки, вы можете просто пропустить этот массив, чтобы убедиться, что он установлен или нет. (Вам все равно нужно будет использовать ng-model вместо имени).

Еще лучшее решение было бы

<input type="checkbox" ng-model="checkbox[row.orderid]"></input>

Таким образом, каждый флажок помещается в массив $ scope.checkbox, который вы можете просто пропустить с помощью a для каждого и получить все истинные и ложные результаты. С помощью этого решения вам даже не понадобится ng-init!

  • 0
    Но как искать несколько флажков, которые были нажаты. Есть ли способ, которым я могу добавить в массив
  • 0
    Я отредактировал свой ответ, чтобы более точно решить проблему
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню