Question

我有一个带单选按钮的列表。当用户选中收音机时，它会取出单选按钮的值并将其添加到url中。如何完成此功能？以下是我的简单代码。但它不起作用。帮助我，PLZ。

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

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

Answer 2

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

，所以更好

Answer 3

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

Answer 4

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

Answer 5

您希望按钮单击处理程序中的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
    });
});

注意：我还使用了文档的速记版本。

Answer 6

尝试以下

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

从单选按钮获取价值并添加网址

6 个答案: