title: Pass this to addEventListener() as parameter
body: <p>I want to add <code>change</code> event to a group of checkboxes, how can I access <code>this</code> in my event function, so that when I do the event I can access value of the checkbox.</p>
  <p>This is my current code:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var checkboxes = document.getElementsByClassName('cb');
  Array.from(checkboxes).forEach(function(){
    this.addEventListener("change", cbChange(this), false);
  });
  
  function cbChange(ele){
    console.log(ele.value);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;input class="cb" type="checkbox" name="candidate" value="1"/&gt;
  &lt;input class="cb" type="checkbox" name="candidate" value="2"/&gt;
  &lt;input class="cb" type="checkbox" name="candidate" value="3"/&gt;
  &lt;input class="cb" type="checkbox" name="candidate" value="4"/&gt;</code></pre>
  </div>
  </div>
  </p>