JQuery onclick条件停止链接？

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).

Answer 3

just use return false; when you want to stop the action at a specific point

Answer 4

Return false in your else condition.

$('#myID').click(function(){ 
if($("#myCheckbox").is(":checked")) { 
    alert('Yes it is...'); //continue as normal 
} 
else { 
    alert('Not checked'); 
    return false;
} 

Answer 5

You can use event.preventDefault()

Let your click-function receive the event as a parameter. Then you can do event.preventDefault() when you don't want to follow the link.

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

Answer 6

You can pass in the event, and override the default behavior with the following:

$('#myID').click(function(e) {
    e.preventDefault();
    //exit do not follow the link
});