JQuery onclick condition stop link?

Question

I have a link:

Link

using::

$('#myID').click(function(){
    if($("#myCheckbox").is(":checked")) {
        alert('Yes it is...'); //continue as normal
    }
    else {
        alert('Not checked');
        //exit do not follow the link
    }

...

so is //exit do not follow the link possible?

Answer 1

Try using event.preventDefault()

$('#myID').click(function(e) {
    if ($("#myCheckbox").is(":checked")) {
        alert('Yes it is...');
    }
    else {
        alert('Not checked');
        e.preventDefault(); // this prevents the standard link behaviour
    }
}

Answer 2

Simple:

$('#myID').click(function (e) {
    ...
} else {
    alert('Not checked');
    e.preventDefault();
}

• http://api.jquery.com/event.preventDefault/

You can also use return false, but this will also stop the propagation of the click event (which might be undesired).