使用javascript从单选按钮获取值

我正在尝试使用Flask和MySQL设置一个小型web应用程序，它从页面上的单选按钮获取信息并将其发送到数据库中。我是webdev的新手，所以我仍然坚持从按钮上获取信息

这是我单选按钮的HTML（去掉缩进）：

在我的烧瓶代码中，我试图使用以下方式请求它：

_info = request.form['radios']

当我当前尝试运行此程序时，我得到一个

"POST /submit HTTP/1.1" 400 -

烧瓶日志中的错误，使我相信我的问题在于脚本的“数据”部分和/或烧瓶请求。如果您有任何帮助，我们将不胜感激

编辑：我已将我的html更改为：

    <form action ="/submit" form method="post">
    <div>
        <input id="radioB" type="radio" name="radios" value="b" checked="checked">
        <label for="radioB"><span><span></span></span>B</label>
     </div>
     <div>
         <input id="radioT" type="radio" name="radios" value="t">
         <label for="radioT"><span><span></span></span>T</label>
     </div>
     <input type="submit" id="btnSubmit">

现在我在浏览器控制台中得到了上述JS脚本的错误条件，而不是我以前的错误。

应该是吗

$("input[name='radios']:checked").val()

如果您使用名称访问

希望有帮助

试试

$（“输入[name='radios']：选中”）.val（）获取单选按钮值，希望您获得解决方案


$（函数（）{
$（'#btnsupmit'）。单击（函数（）{
var radioValue=$（“输入[name=radios]：选中”）.val（）；
警报（无线电值）；
$.ajax({
url:“/submit”，
数据：{value:radioValue}，
键入：“POST”，
成功：功能（响应）{
控制台日志（响应）；
},
错误：函数（错误）{
console.log（错误）；
}
});
});
});

B
T
是的，谢谢你，我相信你是正确的，但我仍然收到HTTP 400错误。我删除了提交时使用的现有按钮，并采用了你的方法。除了你的表单方法帖子（提交是我的烧瓶功能页面）之外，我还添加了一些内容，但它似乎有些起作用。看来我的javascript脚本没有按预期工作，并返回了错误条件。嘿，请重新尝试我的代码，我希望现在你可以轻松找到你的问题并解决它。在AJAX中，默认的请求数据类型是JSON，因此您需要以JSON格式传递数据，否则需要指定数据类型<代码>$.ajax（{url:'/submit'，数据：{value:radioValue}，键入：'POST'，成功：函数（响应）{console.log（响应）；}，错误：函数（错误）{console.log（错误）;                     }             });非常感谢您的帮助！警报从无线电向我提供了正确的值，但我仍然从脚本在浏览器控制台中接收到错误条件。“Object{readyState:0，status:0，statusText:“error”}”我的函数正确地获取了收音机的值，因此我不关心剩余的问题，再次感谢您提供的解决方案！
    <form action ="/submit" form method="post">
    <div>
        <input id="radioB" type="radio" name="radios" value="b" checked="checked">
        <label for="radioB"><span><span></span></span>B</label>
     </div>
     <div>
         <input id="radioT" type="radio" name="radios" value="t">
         <label for="radioT"><span><span></span></span>T</label>
     </div>
     <input type="submit" id="btnSubmit">

$(function(){
$('#btnSubmit').click(function(){
        var radioValue = $("input[name=radios]:checked").val();
        alert(radioValue);
        $.ajax({
                url: '/submit',
                data: {value:radioValue},
                type: 'POST',
                success: function(response){
                        console.log(response);
                },
                error: function(error){
                        console.log(error);
                }
        });
    });
});

$("input[name='radios']:checked").val()