JavaScriptを使用してラジオボタンから値を取得する

Question

FlaskとMySQLを使用して小さなWebアプリケーションをセットアップしようとしています。ページのラジオボタンから情報を取り出し、DBに送ります。私は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> 

そして、これが私のスクリプトです：

$(function(){ 
    $('#btnSubmit').click(function(){ 
      $.ajax({ 
        url: '/submit', 
        data: $('radios:checked').val(), 
        type: 'POST', 
        success: function(response){ 
          console.log(response); 
        }, 
        error: function(error){ 
          console.log(error); 
        } 
      }); 
    }); 
}); 

と私のフラスココードで、私はそれを要求しようとしています使用：

_info = request.form['radios'] 

を私は現在、これを実行しようとすると、私は

を取得します

"POST /submit HTTP/1.1" 400 - 

フラスコのログにエラーがあり、私の問題がスクリプトの「データ」部分またはフラスコ要求のいずれかにあると信じています。この部分の助けを借りていただければ幸いです。

EDIT：

<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スクリプトへ：私はに私のHTMLを変更している今

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

私はあなたが

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<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"> 
 
</form>

Answer 2

はそれが

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

すべきではありません！

希望すると助かります！