title: Select all check boxes using button
body: <p>I have HTML page which have multiple check boxes and individually they can be checked. I have button select, so what I am suppose to do is. When I click on select all the check boxes should get selected, thousands record.</p>
  
  <p><strong>This is my page</strong>
  <div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>        &lt;html&gt;
          &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"&gt;
          &lt;title&gt;monitoring&lt;/title&gt;
          &lt;script src="jquery.js"&gt;&lt;/script&gt;
           &lt;/head&gt;                   
          &lt;table id="example" class="myclass"/&gt;
          &lt;thead&gt;
          &lt;tr&gt;
           &lt;th&gt;
            &lt;button type="button" id="selectAll" class="main"&gt;
            &lt;span class="sub"&gt;&lt;/span&gt; Select &lt;/button&gt;&lt;/th&gt;
           &lt;th&gt;Name&lt;/th&gt;
           &lt;th&gt;Company&lt;/th&gt;
           &lt;th&gt;Employee Type&lt;/th&gt;
           &lt;th&gt;Address&lt;/th&gt;
           &lt;th&gt;Country&lt;/th&gt;
          &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
                      
          &lt;tr&gt;
          &lt;td&gt;&lt;input type="checkbox"/&gt;
          &lt;/td&gt;
          &lt;td&gt;varun&lt;/td&gt;
          &lt;td&gt;TCS&lt;/td&gt;
          &lt;td&gt;IT&lt;/td&gt;
          &lt;td&gt;San Francisco&lt;/td&gt;
          &lt;td&gt;US&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
          &lt;td&gt;&lt;input type="checkbox"/&gt;
          &lt;/td&gt;
          &lt;td&gt;Rahuk&lt;/td&gt;
          &lt;td&gt;TCS&lt;/td&gt;
          &lt;td&gt;IT&lt;/td&gt;
          &lt;td&gt;San Francisco&lt;/td&gt;
          &lt;td&gt;US&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
          &lt;td&gt;&lt;input type="checkbox"/&gt;
          &lt;/td&gt;
          &lt;td&gt;johm Doe&lt;/td&gt;
          &lt;td&gt;TCS&lt;/td&gt;
          &lt;td&gt;IT&lt;/td&gt;
          &lt;td&gt;San Francisco&lt;/td&gt;
          &lt;td&gt;US&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
          &lt;td&gt;&lt;input type="checkbox"/&gt;
          &lt;/td&gt;
          &lt;td&gt;Sam&lt;/td&gt;
          &lt;td&gt;TCS&lt;/td&gt;
          &lt;td&gt;IT&lt;/td&gt;
          &lt;td&gt;San Francisco&lt;/td&gt;
          &lt;td&gt;US&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
          &lt;td&gt;&lt;input type="checkbox"/&gt;
          &lt;/td&gt;
          &lt;td&gt;Lara&lt;/td&gt;
          &lt;td&gt;TCS&lt;/td&gt;
          &lt;td&gt;IT&lt;/td&gt;
          &lt;td&gt;San Francisco&lt;/td&gt;
          &lt;td&gt;US&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
          &lt;td&gt;&lt;input type="checkbox"/&gt;
          &lt;/td&gt;
          &lt;td&gt;Jay&lt;/td&gt;
          &lt;td&gt;TCS&lt;/td&gt;
          &lt;td&gt;IT&lt;/td&gt;
          &lt;td&gt;San Francisco&lt;/td&gt;
          &lt;td&gt;US&lt;/td&gt;
          &lt;/tr&gt;
  
          &lt;tr&gt;
          &lt;td&gt;&lt;input type="checkbox"/&gt;
          &lt;/td&gt;
          &lt;td&gt;Tom&lt;/td&gt;
          &lt;td&gt;TCS&lt;/td&gt;
          &lt;td&gt;IT&lt;/td&gt;
          &lt;td&gt;San Francisco&lt;/td&gt;
          &lt;td&gt;US&lt;/td&gt;
          &lt;/tr&gt;
                                  
          &lt;/tbody&gt;
          &lt;/table&gt;
              
          &lt;/body&gt;
          &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>