更改单选按钮和复选框的默认行为答案

【问题标题】：Change default behaviour of radio buttons and check boxes更改单选按钮和复选框的默认行为
【发布时间】：2015-05-18 13:54:18
【问题描述】：

希望有人能给我建议

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

在这张图片中，上场比赛是第一轮比赛，下场比赛是第二场比赛，依此类推......

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

我的问题是这样的：

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

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

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

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

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

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

-每场比赛只能选择一个获胜者/结果
-但是一轮比赛有很多场比赛，因此可以选择多场比赛的结果

非常感谢任何建议

【问题讨论】：

如果你能提供你所拥有的运行演示，这对你的问题来说将是一个很大的优势。
@NicoO，恕我直言，我看不出我的解释不够充分
我并不是说这还不够，这是一个好问题。我认为使用给定的演示更容易回答。如果没有您的代码，回答者需要想出一些全新的东西，而不能只编辑相关部分。祝你好运。

标签： javascript php jquery html css

【解决方案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" />

【讨论】：

【解决方案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/

【讨论】：