javascript - jQueryまたはJavascriptのみを使用してボタンを別のページにリダイレクトする方法

Question

プロトタイプを作成しており、検索ボタンをサンプルの検索結果ページにリンクさせたいと考えています。

jQuery またはプレーン JS を使用してクリックしたときに、ボタンを別のページにリダイレクトするにはどうすればよいですか。

score 214 · Accepted Answer

これはあなたが何を意味するのですか？

$('button selector').click(function(){
   window.location.href='the_link_to_go_to.html';
})

score 83 · Accepted Answer

83

$('#someButton').click(function() {
    window.location.href = '/some/new/page';
    return false;
});

于 2010-02-10T16:20:37.957 に答える

score 65 · Accepted Answer

スクリプトなし:

<form action="where-you-want-to-go"><input type="submit"></form>

いっそのこと、あなたはちょうどどこかに行くので、「ちょうどどこかに行く」ための標準インターフェースをユーザーに提示します:

<a href="where-you-want-to-go">ta da</a>

ただし、コンテキストは「ユーザーがフォームを送信する通常の検索をシミュレートする」のように聞こえますが、その場合は最初のオプションが適しています。

score 27 · Accepted Answer

HTML で、データ属性をボタンに追加できます。

<button type="submit" class="mybtn" data-target="/search.html">Search</button>

次に、jQuery を使用して URL を変更できます。

$('.mybtn').on('click', function(event) {
    event.preventDefault(); 
    var url = $(this).data('target');
    location.replace(url);
});

お役に立てれば

score 21 · Accepted Answer

21

シンプルな Javascript を使用:

<input type="button" onclick="window.location = 'path-here';">

于 2010-02-10T16:22:56.533 に答える

score 11 · Accepted Answer

以下を使用できます。

  location.href = "newpage.html"

ボタンの onclick イベントで。

score 9 · Accepted Answer

これはうまくいくはずです..

$('#buttonID').click(function(){ window.location = 'new url'});

score 7 · Accepted Answer

window.location を使用できます

window.location="/newpage.php";

または、検索ボタンがあるフォームに、必要なページのアクションを持たせることもできます。

score 0 · Accepted Answer

Rails 3 では、控えめな JavaScript (UJS) を使用して CoffeeScript を使用します。

に追加assets/javascripts/my_controller.js.coffee:

$ ->
  $('#field_name').click ->
    window.location.href = 'new_url'

document.ready イベントが発生したら、javascript を実行するonclickID を持つ DOM オブジェクトにイベントを追加します。field_namewindow.location.href='new_url';

15 に答える 15