Store Multiple Checkbox values in an array

Question

I serialized a form data. In that form, i have checkboxes named "assets".

                    <div class="fot-form">
                        <label class="fot-form__label">Select the assets you own</label><br>
                        <input type="checkbox" name="assets" class="fot-form__check" value="phone">Smartphone<br>
                        <input type="checkbox" name="assets" class="fot-form__check" value="bike">Bike<br>
                        <input type="checkbox" name="assets" class="fot-form__check" value="laptop">Laptop<br>
                        <input type="checkbox" name="assets" class="fot-form__check" value="car">Car<br>
                        <input type="checkbox" name="assets" class="fot-form__check" value="home">Home
                    </div>

In JS after below code var data = $(".test-form").serializeArray(); var testFormJson = .object(.pluck(data, 'name'), _.pluck(data, 'value'));

I got only assets:"car", not an array like assets: ["car", "laptop", "phone"]. How to retrieve this array.

Why not simply naming it assets[]? It will form array

Justinas
– Justinas

2016-06-02 10:26:54 +00:00
Commented Jun 2, 2016 at 10:26 — Justinas
– Justinas, Commented Jun 2, 2016 at 10:26

Sylvan D Ash · Accepted Answer · 2016-06-02 10:28:20Z

1

<input type="checkbox" name="assets[]">

This will form an array of selected items

answered Jun 2, 2016 at 10:28

Sylvan D Ash

1,13714 silver badges24 bronze badges

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

2 Comments

Sunil Rana Over a year ago

In "testFormJson", i got only this data assets[]:"laptop"

Sunil Rana Over a year ago

But in "data", i got object{"name":"assets[]", "value:"bike"}, object{"name":"assets[]", "value:"laptop"}, object{"name":"assets[]", "value:"car"}

Nicholas Alexander · Accepted Answer · 2016-06-02 10:45:48Z

0

Checkboxes are not radio buttons. A radio button returns a single name/value pair based on a selection and each option has the same name. In a checkbox, each option can not share a name="thing" setting as they all refer to the same thing.

There is no magic here: each checkbox is a single element (similar to a multiple select list). A radio button is way of determining a choice between elements (similar to an input="text").

answered Jun 2, 2016 at 10:45

Nicholas Alexander

3492 silver badges7 bronze badges

Collectives™ on Stack Overflow

Store Multiple Checkbox values in an array

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related