CheckBox onChange

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.4/dijit/themes/tundra/tundra.css">
<input id="checkBox" />
<div>Controlled by onChange: <span id="one">unchecked</span>

</div>
<div>Controlled by on('change'): <span id="two">unchecked</span>

</div>

JavaScript

require([
    "dojo/dom",
    "dojo/on",
    "dijit/form/CheckBox"], function (dom, on, CheckBox) {
    var checkBox = new CheckBox({
        checked: false,
        propID: 54,
        onChange: function (val) {
            dom.byId('one').innerHTML = val ? 'checked' : 'unchecked';
            console.dir(this);
        }
    }, 'checkBox');
    on(checkBox, 'change', function (val) {
        dom.byId('two').innerHTML = val ? 'checked' : 'unchecked';
    });
});