更改单选按钮和复选框

Question

希望有人可以就此提出建议

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

在此图像中，热门比赛是圆底比赛中的第一场比赛是第二轮比赛......

匹配/固定装置从数据库中拉出，并在php循环中固定装置得到动态显示。

我的问题是：

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

现在，当我使用radiobuttons时，会发生以下情况

因此，用户只能在匹配组中选择1个匹配...不是很好

当将其更改为文本框时，会发生以下情况：

用户可以为一场比赛选择1位以上的获胜者......也不是很好

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

1. - 每场比赛只能选择一名获胜者/成绩
2. - 但是一个回合有很多匹配，因此可以选择多个匹配的结果

任何建议非常感谢

Answer 1

只需为每个组提供一个索引（增量），然后它仍将发布为picks[]：

＆＃13;

＆＃13;

<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" />

＆＃13;

＆＃13;

＆＃13;

Answer 2

每个广播组都需要一个唯一的“名称”值。

<input type="radio" name="picks1[]" value="Team 1" /> Team 1
<input type="radio" name="picks1[]" value="Team 2" /> Team 2
<input type="radio" name="picks1[]" value="Team 3" /> Team 3

<input type="radio" name="picks2[]" value="Team 1" /> Team 1
<input type="radio" name="picks2[]" value="Team 2" /> Team 2
<input type="radio" name="picks3[]" value="Team 3" /> Team 3

JSFIDDLE： https://jsfiddle.net/b1paqknj/