javascript - 从选中的复选框获取数据

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