Change button link after click

Question

I have a <button> element inside a <form> that has onsubmit='return false' so if I try to link the button inside an <a> tag it won't be called. Right now if you click that button it will execute an animation, and since onsubmit returns false the page isn't reloaded, but I want that same button to open https://google.com i.e. after it has been clicked once, I've tried adding the attributes method=GET action=google.com to the form using JQuery once the button is clicked but it opens google on the first click, not in the second one. Any ideas?

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

David · Accepted Answer · 2015-05-09 00:04:13Z

1

This will have to be done in JavaScript. In the example below I've used jQuery to make it simpler.

var checkedAlready = false;

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

edited May 9, 2015 at 0:04

David

3,1942 gold badges33 silver badges51 bronze badges

answered May 8, 2015 at 23:44

krillgar

12.9k6 gold badges56 silver badges91 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

micahblu · Accepted Answer · 2015-05-08 23:42:44Z

1

A simple location.href="http://google.com"; should do the trick

answered May 8, 2015 at 23:42

micahblu

5,2336 gold badges31 silver badges33 bronze badges

Collectives™ on Stack Overflow

Change button link after click

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related