单选按钮数组(HTML)

Question

如果我有两个具有相同名称的文本类型输入，如下所示：

<input type="text" name="task" id="task1" value="begin">
<input type="text" name="task" id="task2" value="end">

当我提交表单时，task会自动作为数组（task[0]='begin'，task[1]='end'）发送。这非常有用，原因有很多，例如，我不必担心序列化结果，我可以使用sortable重新排序，当我提交时，它已经按照正确的顺序了。

但如果我想使用单选按钮，我必须使用几个具有相同名称的输入。

有没有办法用单选按钮保持这个功能？

---

例如：

<input type="text" name="task" id="task1" value="begin">
<input type="radio" name="time" id="time11" value="early" checked="checked">
<input type="radio" name="time" id="time12" value="noon">
<input type="radio" name="time" id="time13" value="late">
<input type="text" name="task" id="task2" value="end">
<input type="radio" name="time" id="time21" value="early">
<input type="radio" name="time" id="time22" value="noon" checked="checked">
<input type="radio" name="time" id="time23" value="late">

我希望在提交时获得time[0]='early'和time[1]='noon'

Answer 1

试试这个：

<input type="text"  name="task[0]" id="task1"  value="begin">
<input type="radio" name="time[0]" id="time11" value="early" checked="checked">
<input type="radio" name="time[0]" id="time12" value="noon">
<input type="radio" name="time[0]" id="time13" value="late">
<input type="text"  name="task[1]" id="task2"  value="end">
<input type="radio" name="time[1]" id="time21" value="early">
<input type="radio" name="time[1]" id="time22" value="noon" checked="checked">
<input type="radio" name="time[1]" id="time23" value="late">

然后得到：task[0]=begin、time[0]=early、task[1]=end和time[1]=noon。