How can I set location for a button on-click event using jQuery?

Question

I have this page:

Here on the homepage, you will find a button called "Get a quote". When you click on this button I want to open link "google.com".

I tried to do this with jQuery using this code but it's not working.

 jQuery(document).ready(function($) {
    $('.wpcf7-form-control wpcf7-submit').click(function() {
    window.location = "www.google.com/index.php?id=";
    });
});

This site is made with Wordpress and I used the plugin Contact Form 7

<div class="contact-frm">
        <div class="right">
            <?php echo do_shortcode('[contact-form-7 id="9" title="get a quote"]'); ?>
        </div>
    </div>

Can you please help me to solve this problem?

Thanks in advance!

maybe $('.wpcf7-form-control .wpcf7-submit')?

iamawebgeek
– iamawebgeek

2015-06-15 09:56:38 +00:00
Commented Jun 15, 2015 at 9:56 — iamawebgeek
– iamawebgeek, Commented Jun 15, 2015 at 9:56

Praveen Kumar Purushothaman · Accepted Answer · 2015-06-15 09:57:59Z

4

You forgot two things:

Add a http:// in front of the URL.
Change wpcf7-submit to .wpcf7-submit.

Use this way:

jQuery(document).ready(function($) {
    $('.wpcf7-form-control .wpcf7-submit').click(function() {
        window.location = "http://www.google.com/index.php?id=" + $(this).attr("id");
    });
});

answered Jun 15, 2015 at 9:57

Praveen Kumar Purushothaman

167k27 gold badges215 silver badges261 bronze badges

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

1 Comment

Gigi Over a year ago

I added this code but do not understand why not go now ... if I click on the button does not change anything

Sourabh Kumar Sharma · Accepted Answer · 2015-06-15 10:17:47Z

0

use the below code:

window.location = "http://www.google.com/index.php?id=";

adding http:// before the link can help you.

Also use:

$('.wpcf7-form-control .wpcf7-submit');

if wpcf7-submit is class specify it using dot . in jQuery

if wpcf7-submit is id then specify it using dot # in jQuery

edited Jun 15, 2015 at 10:17

answered Jun 15, 2015 at 9:56

Sourabh Kumar Sharma

2,8273 gold badges27 silver badges33 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:23:16Z

0

Instead of this :

jQuery(document).ready(function($) {
    $('.wpcf7-form-control wpcf7-submit').click(function() {
        window.location = "www.google.com/index.php?id=";
    });
});

Use this :

jQuery(document).ready(function($) {
    jQuery(function($) {
        $(".wpcf7-form-control.wpcf7-submit").click(function() {
            window.location = "http://www.google.com/index.php?id=";
        });
    });
});

It will work for you. There is something you should know:

In jquery selector you should write two classas without space
$ doesn't work in wordpress, For more information see here

edited May 23, 2017 at 12:23

CommunityBot

11 silver badge

answered Jun 15, 2015 at 10:40

Hossein Rashno

3,5782 gold badges28 silver badges52 bronze badges

2 Comments

Gigi Over a year ago

I added this code but do not understand why not go now ... if I click on the button does not change anything

Hossein Rashno Over a year ago

@Gigi Do you add this code inside of (document).ready()? I will update my answer, wait a second

Collectives™ on Stack Overflow

How can I set location for a button on-click event using jQuery?

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related