Question

I’m trying to fetch some data through ajax. One of the data determines whether or not a checkbox should be checked by default. If the returned variable isVisible is 1, then it should be checked, if its 0 then it should be unchecked. Here’s the code:

$.getJSON(myUrl, function(result)
    {
        isVisible = result.isVisible;
        // snip...
    } );

Later on in the code:

var isChecked = (isVisible) ? true : false;
$("#visible").attr('checked', isChecked);

The problem is that, whether or not isVisible is set to 1 or 0, the checked variable is always being evaluated to true. I’m really not sure what the problem is. Perhaps isVisible is being treated as a string ?? How do I resolve this?

Answer 1

Probably isVisible is a string. "0" is a truthy value in Javascript. Use this instead:

var checked = (isVisible==="1") ? true : false;