Question

For some reason my dojo checkboxes are not updating.

function booleanWidget(values, units, defaultValues)
{
var container, widget,onChangeFunction;
container = widgetContainer();
onChangeFunction = function (e)
{
    var orig, value, siblingCheckboxes, i, thisNodeCheckedStatus;
    orig = this.domNode.parentNode;
    // has correct value for component that checked or unchecked.
    thisNodeCheckedStatus = this.checked;
    siblingCheckboxes = dojo.query( "input[type=checkbox]",orig);



    for (i=0; i< siblingCheckboxes.length; i++)
    {
        if( this.id!=siblingCheckboxes[i].id )
        {
            // when I print out these console logs.  I see that I am always processing correct sibling.
            console.log("i="+i+" TARGET CONDITION="+!thisNodeCheckedStatus+" id="+siblingCheckboxes[i].id);
            console.log("siblingCheckboxes["+i+"]="+siblingCheckboxes[i]);
            console.log("siblingCheckboxes["+i+"].checked="+siblingCheckboxes[i].checked);
            console.log("siblingCheckboxes["+i+"].getAttribute(\"checked\")="+siblingCheckboxes[i].getAttribute("checked") );
            console.log("siblingCheckboxes["+i+"].getAttribute(\"value\")="+siblingCheckboxes[i].getAttribute("value"));


// **** here*****  what do I need to do to get the checkbox to check or uncheck and display.  
// I can do any of the 3 commented out lines to try an update my checkboxes. see comment after line for result.  however sibling checkboxes does not remove check
//                siblingCheckboxes[i].checked = !thisNodeCheckedStatus; // changes .checked but not getAttribute.
//               siblingCheckboxes[i].setAttribute("checked", !thisNodeCheckedStatus); // changes : getAttribute() changes to false but not .checked
//                siblingCheckboxes[i].attr("checked", "!thisNodeCheckedStatus");  //receive : siblingCheckboxes[i].attr is not a function
            console.log("**siblingCheckboxes["+i+"].checked="+siblingCheckboxes[i].checked);
            console.log("**siblingCheckboxes["+i+"].getAttribute(\"checked\")="+siblingCheckboxes[i].getAttribute("checked") );

        }
    }

    validForm();
}

widget = new dijit.form.CheckBox({
    name: 'value',
    value: 'Y',
    onChange: onChangeFunction
});
dojo.place(widget.domNode, container);
dojo.place("<span>true</span>", container);
if (!defaultValues || (defaultValues && defaultValues[0] === "Y")) {
    widget.attr("checked", true);
}

widget = new dijit.form.CheckBox({
    name: 'value',
    value: 'N',
    onChange: onChangeFunction
});
dojo.place(widget.domNode, container);
dojo.place("<span>false</span>", container);
if (defaultValues && defaultValues[1] === "N") {
    widget.attr("checked", true);
}

return container;
}

Answer 1

I have found that you need to use set rather than attr. Try using:

widget.set('checked', true);

that should update the widget right away.