How to know add element to an array if checkbox is checked and remove it if unchecked?

Question

Here is my code on HTML. I find it on google that I can use this.

<input type="checkbox" ng-true-value="addTitle(cpPortfolioItem)" ng-false-value="removeTitle(cpPortfolioItem)">

Here is my angularJS controller.

$scope.addTitle = function(cpPortfolioItem){
        $scope.selectedTitles.push(cpPortfolioItem.id);
        console.log('$scope.selectedTitles', $scope.selectedTitles);
     };

     $scope.removeTitle = function(cpPortfolioItem){
        $scope.selectedTitles.splice(cpPortfolioItem.id,1);
        console.log('$scope.selectedTitles', $scope.selectedTitles);
     };

it doesn't work. I have logged it in console but I can see it neither push or splice the array. Maybe ng-true-value is not a valid directive? Anyone can help me on this? I will really appreciate it.

try stackoverflow.com/questions/22373562/pass-function-in-ng-model — Vineet
– Vineet, Commented May 12, 2015 at 7:29
ng-checked is an attribute and ngChecked is a boolean, returning true if it's checked, false if it isn't. You can use both ways ( from API ngChecked) — tektiv
– tektiv, Commented May 12, 2015 at 7:30

Alvin Magalona · Accepted Answer · 2015-05-12 07:34:59Z

2

Base on the documentation ng-true-value and ng-false-value value are not event handlers. These are the value set to the model when input is checked(ng-true-value) or unchecked(ng-false-value).

Use this instead or use ng-model and attach $watch to the model.

answered May 12, 2015 at 7:34

Alvin Magalona

7713 silver badges13 bronze badges

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

Comments

User2 · Accepted Answer · 2015-05-12 09:32:18Z

0

Use ng-change

<input type="checkbox" ng-change="titleChange()" ng-model="titleChanged">

In controller,

$scope.titleChanged = false;
$scope.titleChange = function() {
   if ($scope.titleChanged) {
      $scope.addTitle(cpPortfolioItem);
   } else {
      $scope.removeTitle(cpPortfolioItem);
   }
}

Working example:- http://jsfiddle.net/Shital_D/Lcumc3t7/10/

edited May 12, 2015 at 9:32

answered May 12, 2015 at 7:43

User2

1,3038 silver badges17 bronze badges

2 Comments

Mix Austria Over a year ago

it doesn't work. it says ReferenceError: titleChanged is not defined

User2 Over a year ago

You need to add $scope.titleChanged in your controller. And assigned true or false value to it.

Collectives™ on Stack Overflow

How to know add element to an array if checkbox is checked and remove it if unchecked?

2 Answers 2

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related