Как сделать множественный выбор в переключателе в HTML

Question

Здесь https://imgur.com/a/rCzsc - скриншот панели посещаемости, которую я хочу сделать.

Я делаю панель посещаемости, но я не могу выбрать одну радиокнопку в одной строке, которая повторяется в цикле, и при отправке значения текущего, отсутствующего и полдня должны храниться в трех разных массивах. Но в моем случае я могу выбрать только одну радиокнопку среди всех. Если я изменю имя переключателя на три разных имени, я смогу выбрать только один переключатель в столбце, но я хочу выбрать один переключатель в строке. Вот код.

`<tr>
<td><input type="radio"  name="present[]" required value=''></td>
<td><input type="radio"  name="absent[]" required value=''></td>
<td><input type="radio"  name="halfday[]" required value=''></td>
</tr>`

Answer 1

Из ссылки на DN / HTML элемента Mozilla -> ввод

Вы должны использовать атрибут value, чтобы определить значение, представленное этим элементом. Используйте проверенный атрибут, чтобы указать, выбран ли этот элемент по умолчанию. Радиокнопки, имеющие одинаковое значение для атрибута name, находятся в той же "группе радиокнопок". Только одна радиокнопка в группе может быть выбрана одновременно.

Поэтому вам нужно установить одно и то же имя и поймать значение. В вашем случае это будет выглядеть так:

<table>

<tr><td><input type="radio" name="attendance[1]" value="present" /></td>
<td><input type="radio" name="attendance[1]" value="absent" /></td>
<td><input type="radio" name="attendance[1]" value="halfday" /></td></tr>

<tr><td><input type="radio" name="attendance[2]" value="present" /></td>
<td><input type="radio" name="attendance[2]" value="absent" /></td>
<td><input type="radio" name="attendance[2]" value="halfday" /></td></tr>

</table>

Затем вы выбираете имя / идентификатор / значение для "посещаемости" и "пользователя" в соответствии с их именем / идентификатором / значением. ПРИМЕЧАНИЕ: ID для пользователей должен быть другим. Вы можете поймать и использовать имена или идентификаторы или оба.