Dojo disable button declaritive

<!DOCTYPE html>
<html>
  <head>
    <link data-require="dojo@1.9.2" data-semver="1.9.2" rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/dojo/1.9.2/dijit/themes/claro/claro.css" />
    <script data-require="dojo@1.9.2" data-semver="1.9.2" src="//ajax.googleapis.com/ajax/libs/dojo/1.9.2/dojo/dojo.js" data-dojo-config="async: true, parseOnLoad: true"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>
  <body class="claro">
    <input
      data-dojo-type="dijit/form/CheckBox"
      id="myCheckBox"
      name="myCheckBox"
      onChange="
        var checked = arguments[0];
        require([
          'dijit/registry'
        ],function (registry) {
          registry.byId('myButton').set('disabled', checked)
        })"
    />
    <button
      data-dojo-type="dijit/form/Button"
      id="myButton"
      name="myButton"
      type="button"
    >
      myButton
    </button>
  </body>
</html>

require([
  'dojo/parser',
  'dijit/form/CheckBox',
  'dijit/form/Button'
]);

/* Styles go here */