单击后更改按钮链接

时间:2015-05-08 23:39:00

标签: javascript jquery html

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

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

2 个答案:

答案 0 :(得分:1)

一个简单的location.href="http://google.com";应该可以做到这一点

答案 1 :(得分:1)

这必须在JavaScript中完成。在下面的示例中,我使用了jQuery来简化它。

var checkedAlready = false;

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