2017-08-15 19 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

が' 'coupons'ためforEach'を持ち、' ​​o.Select'をチェックし、あなたがから値を設定した場合は、チェックボックスの値を取得することができますその場所のように、 'クーポンをチェックボックスの値として使用する –

答えて

0

あなたは、このようなコントロールをインスタンス化するときにチェック値を設定する必要があります:あなたは、チェックボックスがvalue1value2の両方を持っています例の値を与えた後、あなたが名前に基づいてそれを確認することができます

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

をチェックされたときにプロパティとして。

ドキュメントはかなり簡単です。

ソース:あなた `submit`機能でhttps://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

関連する問題