Задать вопрос
@angularest

Как на angular выделить все чекбоксы?

Подскажите как на angular при нажатии чекбокса "выбрать все", все чекбоксы становились checked.
  • Вопрос задан
  • 3204 просмотра
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
VirmarY
@VirmarY
Full-stack web developer
Вот вам самый простой пример.

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example - example-checkbox-input-directive-production</title>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.8/angular.min.js"></script>
</head>
<body ng-app="checkboxExample">
  <script>
  angular.module('checkboxExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.value1 = false;
    }]);
</script>
<form name="myForm" ng-controller="ExampleController">
<input type="checkbox" id="all" ng-model="value1"><label for="all">выделить все</label>
  <input type="checkbox" class="block" ng-checked="value1">
  <input type="checkbox" class="block" ng-checked="value1">
  <input type="checkbox" class="block" ng-checked="value1">
  <input type="checkbox" class="block" ng-checked="value1">
 </form>
</body>
</html>
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
mr_T
@mr_T
Web-разработчик
Делаешь в scope функцию, которая проходится по всем привязанным в ng-model свойствам этих чекбоксов и устанавливает их значения в нужные (true по умолчанию или то, что у тебя в ng-true-value инпута).
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы