Question

I have a very simple piece of jquery that needs to check a boolean value returned from an ajax call and set a checkbox to checked if it’s true.

console.log("loc: " + r.location.defaultLocation);
if( r.location.defaultLocation == true ) {
    $('#loc-default').attr('checked',true);
}

This runs in an onclick function that opens a modal form – if the location info that is returned indicates that this is the default location, the checkbox should be checked. We have 5 of these on a single page – i.e. 5 locations the users can click on.

What I’m running into is that even if r.location.defaultLocation returns false (per the console.log line), the checkbox is still being checked. What am I doing wrong?

For those of you who insist that true/false must be a string, rather than a boolean:

This is the result of console.info(typeof(r.location.defaultLocation));

And this is the result of console.dir(r), if it helps. (group is blurred because it’s sensitive info.)

FOUND THE ISSUE

Apparently jquery is remembering that #loc-default is checked after the first one was marked checked. I added an else to the function and now it works:

if( r.location.defaultLocation == true ) {
    $('#loc-default').attr('checked',true);
}
else {
    $('#loc-default').attr('checked', false);
}

Answer 1

Since your code appears to be correct, I would try handling the else statement and force the checkbox to not be checked.

if( r.location.defaultLocation == true ) {
    $('#loc-default').attr('checked',true);
} else {
    $('#loc-default').attr('checked',false);
}