javascript - 如何在同一字段集中使用单选按钮和复选框？

Question

我创建了一个调查表单，该表单会生成一封包含所提供答案的电子邮件。我遇到的问题是，一个问题需要一个单选按钮来提供三个选择，但随后需要包含下面的复选框，这些复选框可用于将信息附加到所选的单选按钮选项。这是我描述的代码示例:

<fieldset data-role="controlgroup">
            <label for="q_planName" id="q_formStatus_title">Choose one of the following headline options:</label>

                <input type="radio" name="q_formStatus" id="q_formStatus_1" onchange="onSelectionChanged(this);"  />
                <label for="q_formStatus_1"Blah 1</label>

                <input type="radio" name="q_formStatus" id="q_formStatus_2" onchange="onSelectionChanged(this);"  />
                <label for="q_formStatus_2">Blah 2</label>

                <input type="radio" name="q_formStatus" id="q_formStatus_3" onchange="onSelectionChanged(this);"  />
                <label for="q_formStatus_3">Blah 3

                <br/>The following indications may be appended to any headline option:<br/><br/>

                <input type="checkbox" name="q_formStatus" id="q_formStatus_4" ;"  />
                <label for="q_formStatus_4">Date of blah required?</label>


                <input type="checkbox" name="q_formStatus" id="q_formStatus_5" ;"  />
                <label for="q_formStatus_5">Blah is non regulated.</label></fieldset>

这在表单中看起来不错，但用于在电子邮件中打印这些结果的代码将此问题识别为 radio 输入，因此它将答案存储为单个响应而不是数组(即，它将打印Q:questionTitle，A:answerValue而不是Q:questionTitle，A1:answerValue1，A2:answerValue2等)

请注意，这些问题必须经过审批流程，因此请不要建议将其分成两个单独的问题或添加“以上都不是选择”。

谢谢!

Answer 1

您需要使用不同的名称，因为每个字段都需要由服务器单独识别。