1

ラジオ ボタンを含むリストがあります。ユーザーがラジオをチェックすると、ラジオ ボタンの値を取得して 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>
4

6 に答える 6

1

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

<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>
于 2013-04-02T10:50:13.870 に答える
0

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);
}
}
于 2013-04-02T10:52:23.650 に答える
0

以下を試してください

<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>
于 2013-04-02T11:00:36.353 に答える
0

<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を使わないほうがいい

于 2013-04-02T10:51:39.210 に答える
0 
$(document).ready(function($){
      $('#button').click(function(){
          var val = $(':radio[name=rdo_1]:checked').val(); 
          document.location.href = 'http://localhost/test/val1.html?radio='+val; 
      });
});
于 2013-04-02T10:51:55.083 に答える
0

ボタンクリックハンドラーで 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
    });
});

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

于 2013-04-02T10:53:36.683 に答える