How to check all and un-check all static checkboxes in Angularjs?

Question

I'm having some static checkboxes and one checkbox use for "Check All" in HTML file. Then i want to check or un-check all of these checkbox when i click on the "Check All" checkbox. But i still not know where is approach of this stuff.

HTML code:

<div>
   <input type="checkbox" name="check_all" ng-model="formFruit.fruits.all" ng-true-value=":all:"/> Select All </br>
   <input type="checkbox" name="" ng-model="formFruit.fruits.apple" ng-true-value=":apple:"/> Apple </br>
   <input type="checkbox" name="" ng-model="formFruit.fruits.banana" ng-true-value=":banana:"/> Banana </br>
</div>

Sajeetharan · Accepted Answer · 2019-07-08 01:38:06Z

1

I am not sure, why you have different model names for each checkbox,you can reset it to false or clear those values as follows,

angular.forEach($scope.formFruit.fruits, function(furit) {        
    //sett it to false
});

or

$scope.formFruit.fruits = [];

answered Jul 8, 2019 at 1:38

Sajeetharan

223k65 gold badges370 silver badges409 bronze badges

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

10 Comments

Steven Dang Over a year ago

I have to make each of checkboxes with the different of model name because of i want to identity each of them and their value to check when i load edit form. So is that a bad way to do???

Sajeetharan Over a year ago

yeah, you should have single property with true/false only. check here stackoverflow.com/questions/26017286/…

Steven Dang Over a year ago

I want to use specify value because when checkbox is checked and submit, server with concat all checked checkboxes to a string. For example if apple and banana are checked, server with have a string :apple::banaa:. So is that possible?

Sajeetharan Over a year ago

yes still its possible., you need to get the checked ones separately using loop and then create the string you want

Steven Dang Over a year ago

Ah, so the problem that how the string will be handle to get the final string, right?

|

Collectives™ on Stack Overflow

How to check all and un-check all static checkboxes in Angularjs?

1 Answer 1

10 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

10 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related