2017-08-15 94 views
1

我需要從複選框中獲取信息。我正在做的是從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。

+0

在'submit'函數'forEach'爲'coupons'和檢查'o.Select'等等那個地方你能夠得到複選框的值,如果你從設定值'優惠券「作爲複選框值 –

回答

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