Issue with rules overlapping

Question

I have 2 checkbox rules that are overlapping. This one runs first

$("#BMFNP").change(function() {
    if($(this).is(":checked") && $("#INTEF").is(":not(:checked)")) {
        $("#INTEF").attr("checked", true);
        alert("foo");
    } 
});

This one runs second:

$("#BMFNP").change(function() {
    if($(this).is(":checked") && $("#INTEF").is(":checked")) {
    alert("bar");
    }
});

So basically the first one runs if BMFNP is checked, and INTEF isn't it checks INTEF and runs the alert. At that time, both are checked so it runs the second function. How can I fix this? I need both to work and display different messages for each situation, if BMFNP is checked, INTEF isn't check INTEF and alert it has been added and BMFNP can only do xxxxx. If both are checked, simply alert that BMFNP can only do xxxx, no need to alert it has been added.

Thanks,

Answer 1

$("#BMFNP").change(function() {
    if($(this).is(":checked") {
       if( $("#INTEF").is(":checked")) {               
            alert("bar");
       } else {
            $("#INTEF").attr("checked", true);
            alert("foo");
       }
    } 
});

like that?

Answer 2

You can use a single event handler, and significantly shorten the solution:

$("#BMFNP").change(function() {
    if(this.checked) {
        $("#INTEF").is(":checked") ? alert('bar') : alert('foo');
    }
});

Answer 3

The comments are difficult to format code in. This does exactly what has been asked for.

$("#BMFNP").change(function() {
  if($(this).is(":checked")) {
        if($("#INTEF").is(":checked")) {
              alert("only outside brazil");
        } else { $("#INTEF").attr("checked", true);
            alert("INTEF has been added and only avail. outside brazil");
            }
    }
});

@karim79 - yours is shorter, but only runs the alerts, I need to add checked to INTEF if it isn't and BMFNP is like above. Thanks for all your help guys!