從選中的復選框獲取數據

Question

我需要從選中的復選框中獲取信息。 我正在做的是從api獲取數據並顯示為復選框。 這是我的代碼的一部分，如果至少檢查了一張優惠券，也可以進行驗證：

vm.sendData = function() {
  vm.apiData = couponApi.get({
    idOrder: vm.idOrder
  })
  .$promise
  .then(function(data) {
    for (var i = 0; i < data.Response.length; i++) {
      data.Response[i].Select = vm.all;
    }
    vm.coupons = data.Response;
    vm.combo = data.Response.length > 0;
  });
}

vm.selectAll = function() {
  vm.all = !vm.all;
  vm.coupons.forEach(function(o) {
    o.Select = vm.all;
  })
}

vm.submit = function() {
  var checked = 0;
  vm.coupons.forEach(function(o) {
    if (o.Select === true)
      checked += 1;
  })
  if (vm.all || checked > 0) {} else if (checked === 0) {
    alert("Select at least one coupon");
  }
}

我如何獲取已選中復選框的值？ 我只使用Javascript和AngularJs。

Answer 1

像這樣實例化控件時，需要設置檢查值：

angular.module('checkboxExample', [])
    .controller('ExampleController', ['$scope', function($scope) {
      $scope.checkboxModel = {
       value1 : true,
       value2 : 'YES'
     };
    }]);

然后，您可以根據示例中給定值的名稱對其進行檢查，選中該復選框時，其value1和value2都將作為屬性。

該文檔似乎很簡單。

來源： https : //docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D