getting multiple checkbox values in ajax to php

Question

I have this code here in my ajax:

var userCheckbox = $("input[name=chk]:checked").val();

and this is the checkbox in my html:

<input id="checkbx" type="checkbox" name="chk" value="apple"/>apple</td>
<input id="checkbx" type="checkbox" name="chk" value="corn"/>corn</td>
<input id="checkbx" type="checkbox" name="chk" value="tomato"/>tomato</td>
<input id="checkbx" type="checkbox" name="chk" value="juice"/>juice</td>

but I'm only getting one value. how can I get multiple values? someone said to me that I should use a loop statement but I don't know where to put it.

can anyone please help. thanks in advance.

tymeJV · Accepted Answer · 2013-10-21 19:21:53Z

4

Use .map() to create an array of the values:

var userCheckbox = $("input[name=chk]:checked").map(function() {
    return this.value;
}).get();

Also, your ID's are repeating, remember, ID's must be unique.

answered Oct 21, 2013 at 19:21

tymeJV

105k14 gold badges165 silver badges158 bronze badges

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

4 Comments

imNEWBIE Over a year ago

I'm getting "Array" text when displayed.

tymeJV Over a year ago

Well, its an array of values.

imNEWBIE Over a year ago

I mean I'm not getting the values of the checkboxes.

tymeJV Over a year ago

Try logging userCheckbox[0] -- is there a value there?

Collectives™ on Stack Overflow

getting multiple checkbox values in ajax to php

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related