Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 从单选按钮和外接程序url获取值_Jquery_Url_Radio Button - Fatal编程技术网

Jquery 从单选按钮和外接程序url获取值

Jquery 从单选按钮和外接程序url获取值,jquery,url,radio-button,Jquery,Url,Radio Button,我有一个单选按钮列表。当用户选中单选按钮时,它会将单选按钮的值添加到url中。我如何完成此功能?下面是我的简单代码。但它不起作用。帮帮我,伙计 <script type="text/javascript"> $(document).ready(function($){ var val = $(':radio[name=rdo_1]:checked').val(); $('#button').click(function(){ document.loca

我有一个单选按钮列表。当用户选中单选按钮时,它会将单选按钮的值添加到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>

$(文档).ready(函数($){
var val=$(':radio[name=rdo_1]:checked').val();
$(“#按钮”)。单击(函数(){
document.location.href=http://localhost/test/val1.html';
});
});

您可以像这样发送参数

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

$(文档).ready(函数($){
var val=$(':radio[name=rdo_1]:checked').val();
$(“#按钮”)。单击(函数(){
document.location.href=http://localhost/test/val1.html?radio_button_value=“+val
});
});

您可以像这样发送参数

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

$(文档).ready(函数($){
var val=$(':radio[name=rdo_1]:checked').val();
$(“#按钮”)。单击(函数(){
document.location.href=http://localhost/test/val1.html?radio_button_value=“+val
});
});
使用
随附的

示例如下所示

但别忘了添加名称字段

<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使用
附带的

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

但别忘了添加名称字段

<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,所以效果更好:

$(document).ready(function($){
      $('#button').click(function(){
          var val = $(':radio[name=rdo_1]:checked').val(); 
          document.location.href = 'http://localhost/test/val1.html?radio='+val; 
      });
});
$('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);
}
}
var radios=document.getElementsByName('NAME');
对于(变量i=0,长度=radios.length;i
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);
}
}
var radios=document.getElementsByName('NAME');
对于(变量i=0,长度=radios.length;i
您希望在按钮单击处理程序中分配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
    });
});

注意:我还使用了documentready的速记版本。

您希望在按钮单击处理程序中分配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
    });
});
注意:我还使用了document ready的速记版本。

尝试以下操作

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

$(文档).ready(函数($){
$(“#按钮”)。单击(函数(){
var val=$('input[type=radio][name=rdo_1]:选中]).val();
变量url=”http://localhost/test/“+val+”.html”;
window.location.href=url;
});
});
尝试以下操作

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

$(文档).ready(函数($){
$(“#按钮”)。单击(函数(){
var val=$('input[type=radio][name=rdo_1]:选中]).val();
变量url=”http://localhost/test/“+val+”.html”;
window.location.href=url;
});
});

您想在url中放置“val”的位置/方式?实际上,我想从单选按钮获取产品id并将其添加到我的url中。我将产品id设置为单选按钮值。您想在url中放置“val”的位置/方式?实际上,我想从单选按钮获取产品id并将其添加到我的url中。我将产品id设置为单选按钮值。