Изменение поведения по умолчанию переключателей и флажков

Question

Надеясь кто-то может мне посоветовать по этому

Рассмотрим следующий, который позволяет кирки пользователей, которые по их мнению, выиграет матч

В этом image Топ-матч - это игра 1 в круглом нижнем матче - игра 2 в раунде и т. д.

Матчи/светильники вытягиваются из базы данных, а в петле петли динамически отображаются.

Моя проблема заключается в следующем:

Атрибут имя элемента должен быть установлен, чтобы выбрать []

Теперь, когда я использую радиокнопки происходит следующее

Таким образом, пользователь может выбрать только 1 матч в группе матчей ... не очень хорошо

При изменении его текстовое поле, это происходит:

Пользователь может выбрать более 1 победитель на матч ... тоже не очень хорошо

В этом нет ничего странного, так как это по умолчанию флажков и переключателей, однако я надеюсь, что кто-то может мне посоветовать, если это Можно изменить поведение по умолчанию, чтобы сделать следующее:

1. -для каждого матча только один победитель/результат может быть выбран
2. -However круглых имеют много матчей, так это результат более чем на один матч может быть выбран

ANY советуют чрезвычайно ценится

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

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/