How get array of checkboxes in Angular JS?

Question

I have some checkboxes in HTML:

<input type="checkbox" name="type[]" value="3">
<input type="checkbox" name="type[]" value="4">
<input type="checkbox" name="type[]" value="5">

How I can get all selected values in Angular JS?

I tried to add for earch input: ng-model="type[]"

It has been already answered to this question here: stackoverflow.com/questions/14514461/… — Marin Takanov
– Marin Takanov, Commented Apr 20, 2015 at 12:43
Checkboxes are genetated in JS/Jquery - plugin bootstrap-checkboxes — Alibabaev
– Alibabaev, Commented Apr 20, 2015 at 12:55

Rahul Tripathi · Accepted Answer · 2015-04-20 12:47:08Z

1

Try this:

<div ng-controller="MyCheckbox" 
 ng-init="checkboxes = {1: true, 2: false, 3: true, 4: false}">
    <input type="checkbox" ng-model="checkboxes.1">1
    <input type="checkbox" ng-model="checkboxes.2">2
    <input type="checkbox" ng-model="checkboxes.3">3
    <input type="checkbox" ng-model="checkboxes.4">4
    <br>{{checkboxes}}
</div>

JSFIDDLE DEMO

answered Apr 20, 2015 at 12:47

Rahul Tripathi

173k33 gold badges292 silver badges341 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Alibabaev Over a year ago

How to do name for chekboxes? That in server I have: type[] = 1, type[] = 2

Mikko Viitala Over a year ago

Why do you need the names for? And what you "have on server" is quite confusing.

Alibabaev Over a year ago

How I will to prepare data in server if these have not name, for example $_POST['type'][]?

Collectives™ on Stack Overflow

How get array of checkboxes in Angular JS?

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related