Bind jQuery click event to regular javascript button

Question

I'm trying to create a simple function in jquery to direct the user's browser to the previous page if the Cancel button is clicked but I'm a bit mythed as to how to do it since I have minimal experience of jquery.

<input type="button" id="cancelBc2" name="cancelForm" value="Cancel">
$(document.ready(function() {
    $('cancelBc2').click(function() {
        var cancel = confirm("Are you sure you want to leave the page?");
        if (cancel == true) {
            window.location = "chooseConfig.php";
        }
    });
});

Am I missing something or is the page just completely overlooking the

$(document.ready(function()?

epascarello · Accepted Answer · 2013-01-30 17:29:40Z

5

You are missing the # on the selector

$('cancelBc2')  //looking for an element <cancelBc2 />
$('#cancelBc2')  //looking for an element with id="cancelBc2"

And you have a typo

$(document.ready

should be

$(document).ready(function()

even better

$(function(){});

edited Jan 30, 2013 at 17:29

answered Jan 30, 2013 at 17:17

epascarello

208k20 gold badges206 silver badges246 bronze badges

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

2 Comments

epascarello Over a year ago

Than you have another problem.

Grant Doole Over a year ago

Wow... Missed that typo there... Thank you for spotting that for me!

cuongle · Accepted Answer · 2013-01-30 17:17:29Z

3

Should add prefix # to select Id in jQuery

$('#cancelBc2').click(function() {
    var cancel = confirm("Are you sure you want to leave the page?");
    if (cancel == true) {
        window.location = "chooseConfig.php";
    }

});

For information: http://api.jquery.com/id-selector/

answered Jan 30, 2013 at 17:17

cuongle

75.5k30 gold badges155 silver badges212 bronze badges

Comments

turnt · Accepted Answer · 2013-01-30 17:21:21Z

0

Your code is good, but you are missing the proper selector. It should be $('#cancelBc2')

This selects the element in the DOM with the id cancelBc2

For a full list of jQuery selectors utilize this:

http://www.w3schools.com/jquery/jquery_ref_selectors.asp

answered Jan 30, 2013 at 17:21

turnt

3,2535 gold badges27 silver badges41 bronze badges

2 Comments

Grant Doole Over a year ago

That is what I tried at first but still no luck. I am using the $(document.ready(function() somewhere else on a previous page. Could that be part of the problem?

turnt Over a year ago

Yes. Look at the fix: jsfiddle.net/shrimpboyho/AFbEL/1 That is how document ready should be.

Collectives™ on Stack Overflow

Bind jQuery click event to regular javascript button

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related