单选按钮数组 (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。