title: Bootstrap switch checked event?
body: <p>I use this codes for checkbox checked event but it does not work.</p>
  
  <p>css</p>
  
  <pre><code>&lt;link href="assets/plugins/bootstrap-switch/static/stylesheets/bootstrap-switch-metro.css" rel="stylesheet" type="text/css" /&gt;
  </code></pre>
  
  <p>html</p>
  
  <pre><code>&lt;div class="switch switch-mini" data-on-label="&lt;i class='icon-sun icon-white'&gt;&lt;/i&gt;" data-off-label="&lt;i class='icon-sun muted'&gt;&lt;/i&gt;"&gt;
      &lt;input id="swWeather" type="checkbox" class="toggle" onclick="toggleWeather()" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js</p>
  
  <pre><code>&lt;script src="assets/plugins/bootstrap-switch/static/js/bootstrap-switch.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>If I use this way, just visual style work well but it does not trigger <code>toggleWeather()</code> function, but if I remove <code>bootstrap-switch.js</code>, all visual styles are removed and looks standard as standard checkbox, although it works very well.</p>
  
  <p>How can I change checkbox checked status click it with bootstrap-switch?</p>
  
  <p>Here my toggleweather code:</p>
  
  <pre><code>function toggleWeather() {
  
              if (document.getElementById('swWeather').checked)
  
              { weatherLayer.setMap(map); }
  
              else
  
              { weatherLayer.setMap(null); }
  
              if (document.getElementById('swCloud').checked)
  
              { cloudLayer.setMap(map); }
  
              else
  
              { cloudLayer.setMap(null); }
          }
  </code></pre>
  
  <p>by the way I use these switches with this theme:
  <a href="http://www.keenthemes.com/preview/metronic_admin/form_component.html#myModal">http://www.keenthemes.com/preview/metronic_admin/form_component.html#myModal</a></p>
  
  <p>It is not good example but like that
  <a href="http://jsfiddle.net/UHkN6/">http://jsfiddle.net/UHkN6/</a></p>