0

这里http://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>`
4

1 回答 1

0

来自Mozilla DN / HTML 元素参考 -> 输入

您必须使用 value 属性来定义此项目提交的值。使用checked 属性表示是否默认选中此项。具有相同 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/值为“出席”和“用户”选择名称/id/值。注意：用户的ID必须不同。您可以捕获并使用名称或 ID 或两者。

于 2017-05-16T10:04:11.713 回答