基于单选框值的 JQuery Onsubmit URL 重定向

Question

几天来我一直在努力尝试包含一些 jquery 来更改页面 URL，onsubmit，基于单选框的值（请注意单选框值不能更改）。

这是我的 HTML

<form id="myformid">
<input type="radio" name="selectid" value="1"><span>Google</span><br>
<input type="radio" name="selectid" value="2"><span>Yahoo</span><br>
<input type="radio" name="selectid" value="3"><span>Bing</span>

这是我想使用的 jquery，但我知道这是错误的......

$("#myformid").submit(function(){
if($("#selectid").val()==="1"){
    $(this).attr("action","http://www.google.com");   
} else { 
if($("#selectid").val()==="2"){
    $(this).attr("action","http://www.yahoo.com"); 
});

任何帮助将不胜感激。

Answer 1

试试这个。

请注意，我通过使用 "input:radio[name ='selectid']:checked" 获取所选值。在选择器中使用# 来查找ID，而您的收音机由name 定义。

这应该查找名称为selectid 的所有无线电输入，找到选中的那个，并获取它的值。我还清理了一些关于大括号的小问题。

$("#myformid").submit(function(){

    var checkedVal = $("input:radio[name ='selectid']:checked").val();        

    if(checkedVal === "1"){
        $(this).attr("action","http://www.google.com");   
    } else if(checkedVal === "2"){
        $(this).attr("action","http://www.yahoo.com"); 
    }

});