提交表单后获取路线中单选按钮组的值？

Question

我页面上的表单中有一个单选按钮组。 提交表单后，我想检索表单的值并将其保存到我的数据库中。 似乎单选按钮组的值是radiobtngrp: 'on'但我不知道哪个单选按钮处于打开状态。 单选按钮如何在提交表单时起作用？

这是单选按钮的HTML代码：

<label for="q-<%= question.id %>">
    <input id="q-<%= question.id %>-r-i" type="radio" class="form-control" name="radiobtn">
    <img src="/images/a.png">
</label>

我有多个单选按钮，它们通过循环添加到我的ejs文件中。

我的提交按钮如下所示：

<button class="btn btn-lg btn-signin btn-yellow" type="submit">Submit</button>

现在在我的路线中，如果我尝试执行以下操作：

console.log(req.body.radiobtn);

我在控制台中看到了这一点：

radiobtn: 'on'

为什么是这样？ 我如何获得被单击的实际单选按钮？

提前致谢！

Answer 1

为组中的每个单选按钮提供name和value属性。

提交表单时， name属性值用作键，键的value取自所选单选按钮的value属性。

同一组中的所有按钮共享相同的name属性值。

这是一个快速的HTML演示：除了在您单击“提交”时在位置栏中显示查询字符串之外，它什么也不做：

    <form method="get">
        <input type="radio" name="myRadio" value="1">( value 1)<br>
        <input type="radio" name="myRadio" value="2">( value 2)<br>
        <input type="radio" name="myRadio" value="3">( value 3)<br>
        <input type="submit" value="submit">
    </form>

---

value属性的默认值为字符串“ on”。 因此，当选定的按钮缺少值属性时，将发送“ on”作为名为“ radiobtn”的无线电组的值。 （参考HTML标准 ）