title: CSS Toggle Switch enable all
body: <p>I want to add on function when I click on enable all to turn all toggle switch on. I'm using css3 switchers and now i turn on or off switch using .</p>
  
  <p>You can see on image how what I whant to make.</p>
  
  <p><a href="https://i.stack.imgur.com/xCnIa.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xCnIa.png" alt="enter image description here"></a></p>
  
  <p>There is my html</p>
  
  <pre><code>  &lt;div class="box list"&gt;
          &lt;div class="title-holder"&gt;
              &lt;div class="title"&gt;
                  &lt;h1&gt;CPU Usage Cpu Usage&lt;/h1&gt;
              &lt;/div&gt;
              &lt;div class="switch" data-toggle="none"&gt;
                  &lt;span&gt;Enable all&lt;/span&gt;
                  &lt;input id="cmn-toggle-7" class="cmn-toggle cmn-toggle-round" type="checkbox"&gt;
                  &lt;label for="cmn-toggle-7"&gt;&lt;/label&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;div class="table-list"&gt;
              &lt;table class="table table-striped"&gt;
                  &lt;thead&gt;
                  &lt;tr&gt;
                      &lt;th&gt;Server&lt;/th&gt;
                      &lt;th&gt;Server&lt;/th&gt;
                      &lt;th&gt;IP Address&lt;/th&gt;
                      &lt;th class="right"&gt;Action&lt;/th&gt;
                  &lt;/tr&gt;
                  &lt;/thead&gt;
                  &lt;tbody&gt;
  
                  &lt;tr&gt;
                      &lt;th&gt;B124.LAX1&lt;/th&gt;
                      &lt;th&gt;1021&lt;/th&gt;
                      &lt;th&gt;66.55.88.132&lt;/th&gt;
                      &lt;th class="switcher"&gt;
                          &lt;div class="switch"&gt;
                              &lt;input id="cmn-toggle-2" class="cmn-toggle cmn-toggle-round" type="checkbox"&gt;
                              &lt;label for="cmn-toggle-2"&gt;&lt;/label&gt;
                          &lt;/div&gt;
                      &lt;/th&gt;
                  &lt;/tr&gt;
  
                  &lt;tr&gt;
                      &lt;th&gt;B124.LAX1&lt;/th&gt;
                      &lt;th&gt;1021&lt;/th&gt;
                      &lt;th&gt;66.55.88.132&lt;/th&gt;
                      &lt;th class="switcher"&gt;
                          &lt;div class="switch"&gt;
                              &lt;input id="cmn-toggle-2" class="cmn-toggle cmn-toggle-round" type="checkbox"&gt;
                              &lt;label for="cmn-toggle-2"&gt;&lt;/label&gt;
                          &lt;/div&gt;
                      &lt;/th&gt;
                  &lt;/tr&gt;
  
                  &lt;tr&gt;
                      &lt;th&gt;B124.LAX1&lt;/th&gt;
                      &lt;th&gt;1021&lt;/th&gt;
                      &lt;th&gt;66.55.88.132&lt;/th&gt;
                      &lt;th class="switcher"&gt;
                          &lt;div class="switch"&gt;
                              &lt;input id="cmn-toggle-2" class="cmn-toggle cmn-toggle-round" type="checkbox"&gt;
                              &lt;label for="cmn-toggle-2"&gt;&lt;/label&gt;
                          &lt;/div&gt;
                      &lt;/th&gt;
                  &lt;/tr&gt;
  
                  &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/div&gt;
  
      &lt;/div&gt;
  </code></pre>