jquery - ラジオボタンから値を取得し、URL を追加する

Question

ラジオボタンを含むリストがあります。ユーザーがラジオをチェックすると、ラジオボタンの値を取得して URL に追加します。この機能を完了するにはどうすればよいですか? 以下は私の簡単なコードです。しかし、うまくいきません。助けてください。

<script type="text/javascript">
$(document).ready(function($){
    var val = $(':radio[name=rdo_1]:checked').val();
    $('#button').click(function(){
        document.location.href = 'http://localhost/test/val1.html';

    });
});
</script>

score 1 · Accepted Answer

このようなパラメーターを送信できます

<script type="text/javascript">
$(document).ready(function($){
    var val = $(':radio[name=rdo_1]:checked').val();
    $('#button').click(function(){
        document.location.href = 'http://localhost/test/val1.html?radio_button_value='+val

    });
});
</script>

score 0 · Accepted Answer

jQuery:

$('input[@name="NAME"]:checked').val();

JavaScript:

var radios = document.getElementsByName('NAME');

for (var i = 0, length = radios.length; i < length; i++) {
if (radios[i].checked) {
    alert(radios[i].value);
}
}

score 0 · Accepted Answer

以下を試してください

<script type="text/javascript">
$(document).ready(function($){

    $('#button').click(function(){
        var val = $('input[type=radio][name=rdo_1]:checked').val();
        var url="http://localhost/test/"+val+".html";
        window.location.href = url;

    });
});
</script>

score 0 · Accepted Answer

<input type="submit"/>で囲んで使用<form method="get"> </form>

例は以下のようになります。

ただし、名前フィールドを追加することを忘れないでください

<form action="http://localhost/test/val1.html?" method="get" name="f">
    <input type="text" name="user" />
    <input type="checkbox" name="name1" />
    <input type="submit" class="login_button" value="LOGIN">
</form>

JavaScriptを使わないほうがいい

score 0 · Accepted Answer

$(document).ready(function($){
      $('#button').click(function(){
          var val = $(':radio[name=rdo_1]:checked').val(); 
          document.location.href = 'http://localhost/test/val1.html?radio='+val; 
      });
});

score 0 · Accepted Answer

ボタンクリックハンドラーで var の割り当てが必要です。これを行わないと、ロード時に割り当てられ、変更は機能に影響しません。

$(function() {
    $('#button').click(function(){
        var val = $(':radio[name=rdo_1]:checked').val();
        document.location.href = 'http://localhost/test/val1.html?radio_button_value=' + val
    });
});

注: ドキュメントの準備完了の簡略版も使用しました。

jquery - ラジオボタンから値を取得し、URL を追加する

6 に答える 6

Related

Reference