javascript - 更改单选按钮和复选框的默认行为

Question

希望有人能给我一些建议

考虑以下内容，让用户选择他们认为会赢得比赛的人

在这张图片中，上场比赛是本轮的第 1 场比赛，下场比赛是第 2 场比赛，依此类推...

从数据库中提取匹配项/夹具，并在 php 循环中动态显示夹具。

我的问题是:

元素名称属性必须设置为pick[]

现在当我使用单选按钮时会发生以下情况

所以用户只能在匹配组中选择 1 个匹配...不太好

当将其更改为文本框时，会发生这种情况:

用户可以为一场比赛选择超过 1 个获胜者......也不是很好

这没什么奇怪的，因为这是复选框和单选按钮的默认行为，但是我希望有人可以建议我是否可以修改此默认行为，以执行以下操作:

1. -对于每场比赛只能选择一个获胜者/结果
2. -但是一轮有很多场比赛，所以可以选择不止一场比赛的结果

非常感谢任何建议

Answer 1

只需为每个组给数组一个索引(增量)，然后它仍将作为 picks[] 发布:

<input type="radio" name="picks[0]" value="Southampton" />
<input type="radio" name="picks[0]" value="West Ham" />
<input type="radio" name="picks[0]" value="Draw" />
<br />
<input type="radio" name="picks[1]" value="Everton" />
<input type="radio" name="picks[1]" value="Arsenal" />
<input type="radio" name="picks[1]" value="Draw" />