Angularjs 如何获取多个选定复选框值
如何在Angular.js中获取多个选中的复选框值,并将其插入到数据库中,并用逗号(Angularjs 如何获取多个选定复选框值,angularjs,checkbox,Angularjs,Checkbox,如何在Angular.js中获取多个选中的复选框值,并将其插入到数据库中,并用逗号(,)分隔?您可以在一系列选项上使用ng repeat+ng model 演示 html <body ng-controller="MainCtrl"> <div class="container"> <h1>Options</h1> <div> <div class="form-group" ng-repeat
,
)分隔?您可以在一系列选项上使用ng repeat
+ng model
演示
html
<body ng-controller="MainCtrl">
<div class="container">
<h1>Options</h1>
<div>
<div class="form-group" ng-repeat="option in options">
<label>{{option.name}}</label>
<input type="checkbox" ng-model="option.value">
</div>
</div>
<hr>
<button class="btn btn-primary" ng-click="save()">save to database</button>
</div>
</body>
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
$scope.options = [{
name: 'java',
value: true,
}, {
name: 'c#',
value: false
}, {
name: 'angular',
value: true
}, {
name: 'r',
value: false
}, {
name: 'python',
value: true
}, {
name: 'c++',
value: true
}];
$scope.save = function() {
var optionsCSV = '';
$scope.options.forEach(function(option) {
if (option.value) {
// If this is not the first item
if (optionsCSV) {
optionsCSV += ','
}
optionsCSV += option.name;
}
})
// Save the csv to your db (replace alert with your code)
alert(optionsCSV);
};
});