如何在HTML中的单选按钮中进行多项选择

Question

>这里 https://i.stack.imgur.com/by7Y0.jpg 是我想要制作的考勤面板的屏幕截图。

我正在制作一个出勤面板，但我无法在单行中选择单个单选按钮，该按钮在循环中迭代，并且在提交礼物、缺席和半天的值时应存储在三个不同的数组中。但就我而言，我只能在所有单选按钮中选择一个单选按钮。如果我将单选按钮的名称更改为三个不同的名称，则我只能在列中选择一个单选按钮，但我想在行中选择单个单选按钮。这是代码。

`<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

来自 Mozilla DN/HTML 元素引用 ->输入

必须使用 value 属性来定义此项提交的值。使用 checked 属性指示默认情况下是否选择此项。具有相同名称属性值的单选按钮位于同一"单选按钮组"中。一次只能选择组中的一个单选按钮。

因此，您需要设置相同的名称并捕获值。在您的情况下，它看起来像：

<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/值为其选择名称/ID/值。注意：用户的 ID 必须不同。您可以捕获并使用名称或 ID 或两者兼而有之。