select and deselect checkboxes with parent checkbox in angularjs

Question

I want to select/deselect child check boxes based on parent check boxes i need this in angularjs anyone please give the solution

i want like this

Please provide code that you worked on

Ganesh Karamala
– Ganesh Karamala

2016-01-05 09:23:29 +00:00
Commented Jan 5, 2016 at 9:23 — Ganesh Karamala
– Ganesh Karamala, Commented Jan 5, 2016 at 9:23

Vipin Jain · Accepted Answer · 2016-01-05 09:24:41Z

1

The ng-checked attribute in the checkbox takes in an expression. So you can give an expression with and/or conditions, as mentioned below to make it checked based on an expression.

<input type="checkbox" ng-checked="child_1 && child_2 && child_3 && child_4 && child_5" ng-model="parent"/> Select All<br/>

You dont have to write a seprate function to do the computation when every child checkbox is clicked.

In above example Child Check box model: child_1, child_2, child_3, child_4, child_5
Parent Check box model : parent
Example

answered Jan 5, 2016 at 9:24

Vipin Jain

3,77618 silver badges36 bronze badges

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

3 Comments

Nagulu Vemula Nagulu vemula Over a year ago

I want parents have multiple checkboxes

Vipin Jain Over a year ago

have you see example provided link ?

Nagulu Vemula Nagulu vemula Over a year ago

yes my childs data came from api i will use ng-repeat to display th child checkboxes and parent checkboxes also

Collectives™ on Stack Overflow

select and deselect checkboxes with parent checkbox in angularjs

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related