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

时间:2017-08-15 16:33:35

标签: javascript angularjs

我需要从选中的复选框中获取信息。我正在做的是从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。

1 个答案:

答案 0 :(得分:0)

在实例化控件时需要设置检查值,如下所示:

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

然后,您可以根据您在示例中给出值的名称进行检查,复选框在检查时将value1value2作为属性。

文档似乎非常简单。

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