6

ラジオボタンからの選択に基づいてブラウザをリダイレクトする簡単な方法はありますか？これは機能しますが、私がワールドワイドウェブで読んでいることから、おそらくもっと簡単な方法があります。

これは私のフォームです：

<form>
<input type="radio" name="value" value="google"><span>Google</span><br>
<input type="radio" name="value" value="yahoo"><span>Yahoo</span><br>
<input type="radio" name="value" value="bing"><span>Bing</span>

これは私のjqueryです：

$(function() {
$("input[name$='value']").click(function() {
    var value = $(this).val();
    if (value == 'google') {
        window.location.assign("http://www.google.com");
    }
    else if (value == 'yahoo') {
        window.location.assign("http://www.yahoo.com");
    }
    else if (value == 'bing') {
        window.location.assign("http://www.bing.com");
    }
});});

前もって感謝します

4

4 に答える 4

6

html を次のように少し変更します。

<form>
<input type="radio" name="redirect" value="http://google.com"><span>Google</span><br>
<input type="radio" name="redirect" value="http://yahoo.com"><span>Yahoo</span><br>
<input type="radio" name="redirect" value="http://bing.com"><span>Bing</span>
</form>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>
$('input[type="radio"]').on('click', function() {
     window.location = $(this).val();
});
</script>

とにかく .on() を呼び出すだけなので、.on() メソッドにも変更します。その理由は、.click() が単純に .on() メソッドを呼び出して、実際には不要な関数呼び出しを 1 つ作成するためです。さらに、.on() ははるかに柔軟です!

于 2013-02-23T17:10:41.780 に答える
1

LIVE DEMO

$(function() {

    $("input[name$='value']").change(function() {
        window.location.assign("http://www."+ this.value +".com");
    });

});
于 2013-02-23T17:10:16.143 に答える
0

window.location.replacehttpリダイレクトが必要な場合は、これが最適です。ただし、履歴を維持したい場合 (ブラウザの戻るボタンが機能している場合) は、 または のいずれかがwindow.location最善window.location.hrefの策です。単一ページのアプリケーションの場合は、window.location.hashハッシュ化された URL の変更も検討できます。

ラジオボタンの値を取得するには、試すことができます

$('input[type=radio]').on('change', function(e) {
   // preferred window location change appropriate as mentioned above
});

jquery ベースのソリューションの場合:

$('input[type=\'radio\']').on('change', function(e) {
   $(location).attr('href', this.value);
});
于 2013-02-23T19:53:54.913 に答える
-1

ラジオボタンの値としてURLを設定します。

<form>
<input type="radio" name="websiteRadio" value="http://www.google.com"><span>Google</span><br>
<input type="radio" name="websiteRadio" value="http://www.yahoo.com"><span>Yahoo</span><br>
<input type="radio" name="websiteRadio" value="http://www.bing.com"><span>Bing</span>
</form>

$(document).ready(function()
 $("input[name='websiteRadio']").click(function() {        
    window.location = $(this).attr('value');
 });
});
于 2013-02-23T17:15:08.990 に答える