2016-10-05 11 views
1

ラジオボックスの値に基づいてページURLを変更するjquery(onsubmit)をいくつか含めることに何日間も苦労しています(ラジオボックスの値は変更できません)。JQuery OnSubmit URLをラジオボックスの値に基づいてリダイレクトする

これは、これは任意の助けをいただければ幸いです

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

...私が使用したいが、私はそれが間違っている知っているjQueryのです

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

私のHTMLです。

+0

'#selectid' select要素は、name属性と同じid属性を持っています。 – Mohammad

答えて

0

代わりにこれを試してください。

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

}); 
+0

素晴らしい作品!ありがとう... 100以上のGoogle検索と無数の時間後。心から感謝する。 – CoderChris

+0

問題はありませんでした。ちょっとした微調整が必​​要でした。 – Santi

関連する問題