Remove an item from a checkbox list by its value using jQuery

Question

I would like to remove an item from the checkbox list using its value

<input type="checkbox" name="chk" id="chk0" value ="Chicken">
$("#chk0:checkbox[value='Chicken']").parent().remove();

I am trying to remove the item but it is not working. I need some assistance.

Why are you spacing everything out? value="Chicken" is much easier to read than value = "Chicken". — James Donnelly
– James Donnelly, Commented Mar 10, 2014 at 15:42

Eduardo Quintana · Accepted Answer · 2014-03-10 15:44:49Z

2

If "#chk0" is your container. You will need to use

$("#chk0 :checkbox[value = 'Chicken']").parent().remove();

Note the space between the id and the :checkbox

Otherwise you will look for a checkbox with id ="chk0" instead of the checkbox inside of your container.

But if the #chk0 is the id for the input it will work fine..

Fiddle

answered Mar 10, 2014 at 15:44

Eduardo Quintana

2,3881 gold badge16 silver badges20 bronze badges

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

3 Comments

James Donnelly Over a year ago

#chk0 is the ID of the checkbox. The markup is already within the question. Furthermore, this should have been a comment.

Eduardo Quintana Over a year ago

I answered before the question was edited and I saw only the value of the checkbox i didn't realized that the id was for the checkbox because it was plain text , that's why i put "If "#chk0" is your container. You will need to use" But thanks I will be more careful the next time

user2011714 Over a year ago

Thanks everyone. I figured it out.

Collectives™ on Stack Overflow

Remove an item from a checkbox list by its value using jQuery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related