处理复选框的多选和同名答案

【问题标题】：Handling multiple select and same name of checkbox处理复选框的多选和同名
【发布时间】：2014-03-04 04:55:07
【问题描述】：

当我想将多个值从表单传递到后端时遇到问题。

问题是：

如何获取后端多选中的所有值。
如何在后端的复选框中获取具有相同名称的不同值。

从 Jsfiddle 中的代码，我想在result 中显示选择结果。

顺便说一句，我正在使用 Django。

完整代码在这里：Jsfiddle

<form method="POST">
<select id="select-tag" name="tagging" multiple="multiple">
    <option value="">Tagging Sample... </option>
        <optgroup label="Type A">
            <option value="Aa">Aa</option>
            <option value="Ab">Ab</option>
            <option value="Ac">Ac</option>
    </optgroup>
    <optgroup label="TypeB">
        <option value="Ba">Ba</option>
        <option value="Bb">Bb</option>
        <option value="Bc">Bc</option>
    </optgroup>
</select>
<input type="checkbox"  value='00001' name="sample"></input>
<input type="checkbox"  value='00002' name="sample"></input>
<input type="submit" value="Submit" class="submitted_btn" name="btn_action"></input>
</form>

【问题讨论】：

标签： javascript jquery html django

【解决方案1】：

您可以在html中使用数组类型名称来获取后端的值。

<form method="POST">
<select id="select-tag" name="tagging[]" multiple="multiple">
    <option value="">Tagging Sample... </option>
    <optgroup label="Type A">
        <option value="Aa">Aa</option>
        <option value="Ab">Ab</option>
        <option value="Ac">Ac</option>
    </optgroup>
    <optgroup label="TypeB">
        <option value="Ba">Ba</option>
        <option value="Bb">Bb</option>
        <option value="Bc">Bc</option>
    </optgroup>
</select>
<input type="checkbox"  value='00001' name="sample[]"></input>
<input type="checkbox"  value='00002' name="sample[]"></input>
<input type="submit" value="Submit" class="submitted_btn" name="btn_action"></input>
</form>

【讨论】：