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

});

基于Radio Box Value的JQuery Onsubmit URL Redirect

1 个答案: