How to modify array with checkbox selection (It's ready just need to modify something)

Question

I'll try to be short and get to the point.

When I choose a role, it adds it to an array with the role's name and whether it's selected or not (with true or false). Actually the array is saved the following way:

[
  {
    "name": "CDB_DBA",
    "selected": true
  },
  {
    "name": "CONNECT",
    "selected": true
  }
]

and I need it to be saved this way (with the roles I select from the checkbox list):

["CDB_DBA", "CONNECT"]

The array contains the selected roles, I'm sure it's pretty simple to change but I'm new to this and need some help. Thank you in advance. Here's the JSBin link to the project:

JSBin Project

Ajaykumar · Accepted Answer · 2016-11-27 03:23:37Z

1

I have updated your link by creating a new array and pushing the value into that array while checking the checkbox

Can you check this is expected? If not please explain it briefly.

please check the below link

http://jsbin.com/huwepirolo/edit?html,js,output

 $scope.updateArray= function(value){
      alert(value);
      $scope.array.push(value);
    }

answered Nov 27, 2016 at 3:23

Ajaykumar

4165 silver badges16 bronze badges

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

8 Comments

Aceman Over a year ago

I've found a little bug, when I deselect one role It still adds it to the array everytime I click on the checkbox, any way to fix it? thanks in advance.

Ajaykumar Over a year ago

Heyy yaa i have fixed it. please check the below link I have updated the code jsbin.com/ropeqeqicu/edit?html,js,output

Aceman Over a year ago

Ajay, I've got one last request,when I click on the edit button it brings the selected user roles, is there any way to save them in the $scope.array = [];.... It checks the checkbox roles the user has but does not update the roles inside $scope.array, I hope you understood me, thank you very much you're a life savior, I've updated screenshots to imgur to illustrate you in a better way... link @ajaykumar

Ajaykumar Over a year ago

Heyy @Aceman I have updated the code, Can you check is this expected or I misunderstood. jsbin.com/ropeqeqicu/edit?html,js,output

Ajaykumar Over a year ago

updated small mistake jsbin.com/zeyivaqogi/1/edit?html,js,output

|

qxz · Accepted Answer · 2016-11-27 03:13:12Z

If you want to convert an array in the upper format to the lower one, you could use Array.filter to filter out just selected elements and then Array.map to pick out the name attribute:

var input = [
  {
    "name": "foo",
    "selected": false
  },
  {
    "name": "bar",
    "selected": true
  },
  {
    "name": "memes",
    "selected": false
  },
  {
    "name": "quux",
    "selected": true
  },
  {
    "name": "xyzzy",
    "selected": false
  },
  {
    "name": "corn",
    "selected": true
  }
];

var output = input
               .filter(obj => obj.selected) // filter out non-selected elements
               .map(obj => obj.name);       // just get the name
console.log(output);

Note that this leaves input unmodified; output is a new array.

Collectives™ on Stack Overflow

How to modify array with checkbox selection (It's ready just need to modify something)

2 Answers 2

8 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

8 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related