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