remove item from javascript array on uncheck

Question

Got this function to extend an array (groups) by checking a checkbox:

$("input[type=checkbox]").click(function() {
     if($(this).is(":checked")){
         $(this).parent().data("groups").push("my");
          console.log($(this).parent().data("groups"));
      }
      else{
      //   $(this).parent().data("groups").pop();
      console.log($(this).parent().data("groups"));
       }

});

    <div class="item white" data-kpi="GDI" data-groups='["all", "numbers", "green", "square"]'>
<input type="checkbox" class="ps" name="add" value="my" />
</div>

I want to be able to remove the item again by unchecking the checkbox (there might be more than one 'my' group-items).

You can do this if you add something to the array that uniquely identifies the checkbox. Or if you don't care which item is removed, just use $(this).parent().data("groups").pop() as you already have in your code. Or what's the problem with that? — Felix Kling
– Felix Kling, Commented Jul 11, 2014 at 8:35
If you did .data(this.id) or anything else that is unique, you could actually remove it, for how do you remove a certain my from an array of my's ? — adeneo
– adeneo, Commented Jul 11, 2014 at 8:37

Nikhil Baliga · Accepted Answer · 2014-07-11 08:35:20Z

1

You can use splice to remove an element from an array.

array = ['my', 'name', 'my'];
index = array.indexOf('my');
array.splice(index, 1);

answered Jul 11, 2014 at 8:35

Nikhil Baliga

1,35113 silver badges20 bronze badges

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

2 Comments

Mark Henry Over a year ago

and the part for actually removing it?

Nikhil Baliga Over a year ago

I didn't understand the question. This actually removes the element

Collectives™ on Stack Overflow

remove item from javascript array on uncheck

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related