title: Uncheck all checkbox on pageload using javascript
body: <p>I am using following code but it is not working. Tell me if any suggestion. I want all chekboxes unchecked when I load the page. I've got the following code but it doesn't work:</p>
  
  <pre><code> window.onload = function abc() {
       document.getElementsByTagName('input')[0].focus();
   }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;tr&gt;
      &lt;td&gt;
          &lt;input type="checkbox" ID="cb1" value="29500" onclick="if(this.checked){ cbcheck(this) } else { cbuncheck(this)}" /&gt; Laptop
      &lt;/td&gt;
      &lt;td&gt;
          &lt;a href="#" id="a1" onmouseover="showimage('a1','laptop1');"  &gt;Show Image&lt;/a&gt;
          &lt;img src="Images/laptop.jpg" id="laptop1" alt="" style="display:none; width:150px; height:150px;" onmouseout="hideimage('a1','laptop1');" class="right"/&gt;
      &lt;/td&gt;
   &lt;/tr&gt;
   &lt;tr&gt;
       &lt;td&gt;
            &lt;input type="checkbox" ID="cb2" value="10500" onclick="if(this.checked){ cbcheck(this) } else { cbuncheck(this)}" /&gt; Mobile
       &lt;/td&gt;
       &lt;td&gt;
            &lt;a href="#" id="a2" onmouseover="showimage('a2','mobile1');"  &gt;Show Image&lt;/a&gt;
            &lt;img src="Images/mobile.jpg" id="mobile1" alt="" style="display:none; width:150px; height:150px;"   onmouseout="hideimage('a2','mobile1');" /&gt;
       &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>