title: Unable to uncheck checkbox from chrome
body: <p>I am trying to check/uncheck a checkbox/radiobutton both from the table cell as well as the actual checkbox /radiobutton</p>
  
  <p>I have written this below code to select a checkbox/radiobutton from table cell 
  Please refer code pen for actuall code.</p>
  
  <p>The code works fine for IE 11 browser but not in Chrome. If i select the table cell then the checkbox is selected but in chrome when i check on the actual check box nothing happens .</p>
  
  <p>I think it is the checkbox internally calls the PropagateBelow method.</p>
  
  <p><a href="http://codepen.io/anon/pen/pJWeqN" rel="nofollow">Check/Uncheck check box for chrome(Select on the CHECKBOX itself on TABLE CELL works fine)</a></p>
  
  <pre><code>&lt;table border="1"&gt;
          &lt;tr&gt;
              &lt;td onclick="PropagateBelow(this);" style="width:100px;"&gt;
                  &lt;input type="checkbox" id="test" value="Test123" /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>function PropagateBelow(tableCell) {
      alert(tableCell);
      var radioButtons = tableCell.getElementsByTagName('input');
      for (var i = 0; i &lt; radioButtons.length; i++) {
          var radioButton = radioButtons[i];
          if (radioButton != null &amp;&amp; radioButton != undefined) {
              if (radioButton.type == 'radio' || radioButton.type == 'checkbox') {
                  radioButton.click();
              }
          }
      }
  }
  </code></pre>