send my CheckBox list value to a Json

Question

I have a simple and strange question. I have a drop box list that i made with ng-repeat. (Below code)

 <ul>
 <li ng-repeat="item in formLIST.ContractType">
    <input  type="checkbox" ng-click="checkItems(item)" value={{item.ls_ItemIndex}} >{{item.ls_ItemValue}}
 </li>
 </ul>

And this is my Angularjs code (Below)

$scope.listitem=[];
$scope.checkItems = function (item) {
    $scope.listitem.push({
        item: item.ls_ItemValue      
    });

And my question is this: I want to know, when i check OR uncheck these beautiful small boxes, it adds or remove the value of it in my JSON file.

And now when i click on my check boxes, it will be add in my JSON. But if i click on it again for unchecked it, it will be add again in my JSON file. My code can add them several times. except remove it. And i want to add these beautifuls just once.

Check here on how to push to an array only if the value does not exist. http://stackoverflow.com/questions/1988349/array-push-if-does-not-exist — Nikhil Talreja, Jul 16 '14 at 06:32
so you want to push if its selected and pop if its already there? — chovy, Jul 16 '14 at 06:35

Amir Popovich · Accepted Answer · 2014-07-16T07:03:46.087

1

Here:

$scope.checkItems = function (item) {
    var idx = $scope.listitem.indexOf(item.ls_ItemIndex);

    if(idx == -1) // not selected
       $scope.listitem.push(item.ls_ItemIndex);
    else // selected
       $scope.listitem.splice(idx,1);
}

edited Jul 16 '14 at 07:03

answered Jul 16 '14 at 06:33

Amir Popovich

29,350
9
53
99

score 0 · Answer 2 · answered Jul 16 '14 at 06:49

I recommend that you use ng-model:

<ul>
 <li ng-repeat="item in formLIST.ContractType">
    <input  type="checkbox" ng-model="item.Is_ItemValue" />{{item.ls_ItemValue}}
 </li>
 </ul>

  <!-- selected list -->
  <ol>
  <li ng-repeat="item in formLIST.ContractType | filter: {Is_ItemValue:true}"> {{ item }}</li>
  </ol>

send my CheckBox list value to a Json

2 Answers2