title: yui3 fire function when form's checkboxes changes
body: <p>Say we have a yui3 form:</p>
  <pre><code>YUI().use(&quot;gallery-form&quot;, function (Y) {
  var checkbox = new Y.CheckboxField({
      name : &quot;myCheckbox&quot;,
      value : &quot;check&quot;,
      label : &quot;Test Checkbox&quot;
  });
  
  var f = new Y.Form({
      boundingBox: '#form',
      action : 'test.php',
      method : 'post',
      children : [
          checkbox ,
          {name : 'submitBtn', type : 'SubmitButton', value : 'Submit'}
      ]
  });
  
  f.render();
  });
  </code></pre>
  <p>I.e. form has a lot of checkboxes; I would like every checkboxes on this form to <code>onchange=&quot;fn(this)&quot;</code>.<br />
  <a href="http://jsfiddle.net/93hmB/" rel="nofollow noreferrer">Here's a small example of what i need.</a></p>
  <p><strong>NB</strong>. <code>checkbox</code> in the second line shouldn't be modify. I'm looking for something like:</p>
  <pre><code>form.all('input type=checkbox').on('change', fn(checkbox));
  </code></pre>
  <p>_</p>
  <pre><code>// where fn is:
  function fn(el){ console.log(el.checked); }
  </code></pre>