Cómo hacer que un botón redirija a otra página usando jQuery o simplemente Javascript

Estoy haciendo un prototipo y quiero que el botón de búsqueda se vincule a una página de resultados de búsqueda de muestra.

¿Cómo puedo redirigir un botón a otra página cuando se hace clic en él usando jQuery o JS simple?

Sin guión:

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

Mejor aún, dado que simplemente va a algún lugar, presente al usuario la interfaz estándar para "simplemente ir a algún lado":

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

Aunque, el contexto suena como "Simular una búsqueda normal donde el usuario envía un formulario", en cuyo caso la primera opción es el camino a seguir.

¿Es esto lo que quieres decir?

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

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

En su html, puede agregar atributos de datos a su botón:

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

Entonces puedes usar jQuery para cambiar la URL:

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

Espero que esto ayude

Con Javascript simple:

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

Puedes usar:

  location.href = "newpage.html"

en el evento onclick del botón.

No necesita javascript, simplemente envuélvalo en un enlace

<a href="http://www.google.com"><button type="button">button</button></a>

Esto debería funcionar ..

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

Puede usar window.location

window.location="/newpage.php";

O simplemente puede hacer que el formulario en el que se encuentra el botón de búsqueda tenga una acción de la página que desea.

Puede utilizar este sencillo código JavaScript para hacer que el botón de búsqueda se vincule a una página de resultados de búsqueda de muestra. Aquí he redirigido a '/ buscar' de mi página de inicio. Si desea buscar desde el motor de búsqueda de Google, puede usar " https://www.google.com/search " en la acción del formulario.

<form action="/search"> Enter your search text: 
<input type="text" id="searchtext" name="q"> &nbsp;
<input onclick="myFunction()" type="submit" value="Search It" />
</form> 
<script> function myFunction() 
{ 
var search = document.getElementById("searchtext").value; 
window.location = '/search?q='+search; 
} 
</script>

Desde el código YT 2012.

<button href="https://stackoverflow.com/signin" onclick=";window.location.href=this.getAttribute('href');return false;">Sign In</button>

esta es la forma MÁS RÁPIDA (más legible, menos complicada) de hacerlo, Owens funciona pero no es HTML legal, técnicamente esta respuesta no es jQuery (pero dado que jQuery es un pseudocódigo pre-preparado - reinterpretado en la plataforma del cliente como JavaScript nativo - en realidad es ninguna cosa tal como jQuery de todos modos)

 <button onclick="window.location.href='http://www.google.com';">Google</button>

Y en Rails 3 con CoffeeScript usando JavaScript no intrusivo (UJS):

Agregar a assets/javascripts/my_controller.js.coffee:

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

que dice: cuando se haya disparado el evento document.ready, agregue un onclickevento a un objeto DOM cuyo ID es el field_nameque ejecuta el javascriptwindow.location.href='new_url';

Hay muchas preguntas aquí sobre el redireccionamiento del lado del cliente, y no puedo soltar la mayoría de ellas ... esta es una excepción.

No se supone que la redirección provenga del cliente ... se supone que proviene del servidor. Si no tiene control sobre el servidor, ciertamente puede usar Javascript para elegir otra URL a la que ir, pero… eso no es redirección. La redirección se realiza con 300 códigos de estado en el servidor o utilizando la etiqueta META en HTML.

Usa un enlace y dale estilo como un botón:

<a href="#page2" class="ui-btn ui-shadow ui-corner-all">Click this button</a>