单击后更改按钮链接

问题描述:

我在<form>中有<button>元素,它具有onsubmit='return false'所以如果我尝试链接<a>标记中的按钮,它将不会被调用。现在,如果你点击那个按钮,它将执行一个动画,并且由于onsubmit返回false,页面不会被重新加载,但我想要那个相同的按钮来打开https://google.com,即它被点击一次之后,我尝试添加属性method=GET action=google.com使用JQuery 一次点击按钮,但它在第一次点击时打开谷歌,而不是第二次。有任何想法吗?单击后更改按钮链接

<form class="box" id="box" onsubmit="return false"> 
    <button class="sign-button">Submit</button> 
</form> 

这将不得不在JavaScript来完成。在下面的例子中,我使用jQuery使其更简单。

var checkedAlready = false; 

$('.box button.sign-button').click(function() { 
    if (!checkedAlready) { 
     // Do animation... 
     checkedAlready = true; 
    } else { 
     location.href = "http://google.com"; 
    } 
}); 

一个简单location.href="http://google.com";应该做的伎俩