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属性。

{1}}属性值在提交表单时用作键，其中键的值取自所选单选按钮的name属性。

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

这是一个快速的HTML演示：除了在点击提交时在位置栏中显示查询字符串时，它不应该做任何事情：

name

<小时/>

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

属性的默认值是字符串＆＃34; on＆＃34;。因此＆＃34; on＆＃34;作为名为＆＃34; radiobtn＆＃34;的无线电组的值发送。当所选按钮缺少值属性时。（参考HTML standard）

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

1 个答案: