使用javascript从单选按钮获取值

Question

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

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

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

这是我的剧本：

^{pr2}$

在我的烧瓶代码中，我试图使用：

_info = request.form['radios']

当我现在尝试运行这个时，我得到一个

"POST /submit HTTP/1.1" 400 -

flask日志中的错误，使我认为我的问题在于脚本的“data”部分和/或flask请求。如果有任何帮助，我们将不胜感激！在

编辑：我已将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脚本：

$(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);
                }
        });
    });
});

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

Answer 1

尝试$("input[name='radios']:checked").val();来获得单选按钮值我希望您能得到解决方案

$(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);
 }
 });
 });
 });
； ^{pr2}$
；