HTML：通过单个无线电输入传递多个变量？

Question

我有一个网站，要求众多用户填写表格。 表单中有许多部分，每个部分都有一些单选按钮输入。例如，下面是网站上的两个部分，第一部分有3个输入，第二部分有2个（总共5个不同的输入）：

表单中还有更多部分，总共提供了50个不同的输入。

上述营销研究团队示例的代码如下：

<input type="radio" name="marketT" value="1" checked="checked"/>
<b>Infinity Market Research Company (IMRC)</b> - &euro;10,000/quarter, +/- 5% accuracy<br/>

<input type="radio" name="marketT" value="2"/>
<b>New Age Marketing Agency (NAMA)</b> - &euro;7,000/quarter, +/- 15% accuracy<br/>

<input type="radio" name="marketT" value="3"/>
<b>Byrne Marketing Consultancy (BMC)</b> - &euro;2,000/quarter, +/- 25% accuracy<br/>

我希望存储有关每个用户选择的各种信息，尽管目前我只存储1,2或3的decisionValue，对于基于上述html的所有其他输入，它仍然是50。

但是我想知道是否可以为每个无线电输入传递多个值。 例如，传递值1，无线电输入的名称和屏幕上的值

例如，如果用户为Marktet研究团队选择了一个单选按钮， 值“1”，文本“IMRC”，价格“10,000”和精度“5”都输入系统可能吗？

Answer 1

不，这是不可能的，至少不是直接的。

你可以做的事情：

• 使值成为映射到服务器上某些内容（例如数据库查找）的标识符
• 使值成为数据结构（例如，管道分隔，逗号分隔或JSON）并在服务器上解析它
• 使用JavaScript生成隐藏的输入

JavaScript选项最不健全，我不推荐它。

Answer 2

您可以使用分隔符嵌入多个数据值：

<input type="radio" name="marketT" value="1_50" checked="checked"/>

然后解析服务器上的值以获取嵌入数据。

或者，您可以连接JavaScript事件以填充隐藏字段。你是怎么做的取决于你。