All geek questions in one place

How to get multiple selected checkboxes

How to get several selected checkboxes in Angular.js and paste into the database, separated by comma ( , )?

+5
source share
1 answer

You can use ng-repeat + ng-model over an array of parameters.

DEMO http://plnkr.co/edit/KcUshc74FZL1npZsKbEO?p=preview

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>

Js

 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); }; });
+5
source

Source: https://habr.com/ru/post/1208938/

More articles:


All Articles