Question

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

Answer 1

来自Mozilla DN / HTML element reference -> input

您必须使用value属性来定义此项目提交的值。使用checked属性指示是否默认选中此项。 具有相同name属性值的单选按钮位于相同的＆＃34;单选按钮组＆＃34; 中。一次只能选择一个组中的一个单选按钮。

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

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

然后，您为＆＃39;出勤＆＃39;选择了名称/ ID /值。和＆＃39;用户＆＃39;根据他们的名字/身份/价值。注意：用户的 ID 必须不同。您可以捕获并使用名称或ID或两者。

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

1 个答案: