如何在同一字段集中同时使用单选按钮和复选框?

时间:2017-03-23 15:07:55

标签: javascript jquery html

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

<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>

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

请注意,这些问题必须经过审批流程,因此请不要只是建议将其分为两个单独的问题或添加“以上选项中的任何一个”。

谢谢!

1 个答案:

答案 0 :(得分:1)

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