在阵列中存储多个复选框值

时间:2016-06-02 10:25:43

标签: javascript

我序列化了表单数据。在那个表格中,我有一个名为" 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>

在JS之后的代码 var data = $(&#34; .test-form&#34;)。serializeArray(); var testFormJson = .object( .pluck(data,&#39; name&#39;),_。pluglu(data,&#39; value&#39;));

我只获得资产:&#34;汽车&#34;,而不是像资产这样的阵列:[&#34;汽车&#34;,&#34;笔记本电脑&#34;,&#34;电话&#34; ]。如何检索此数组。

2 个答案:

答案 0 :(得分:1)

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

这将形成一系列选定的项目

答案 1 :(得分:0)

复选框不是单选按钮。单选按钮根据选择返回单个名称/值对,每个选项具有相同的名称。在一个复选框中,每个选项都不能共享一个名称=&#34; thing&#34;因为它们都指的是相同的东西。

这里没有魔力:每个复选框都是一个元素(类似于多选列表)。单选按钮是确定元素之间选择的方式(类似于输入=&#34;文本&#34;)。