Bootstrap 3 Template

This is a simple Twitter Bootstrap 3 template. You can fork it to get a ready to use Bootstrap 3 fiddle.

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet" href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css">
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<input id="master-toggle" type="checkbox" data-toggle="toggle">
<input type="checkbox" class="slave-toggle" data-toggle="toggle">
<input type="checkbox" class="slave-toggle" data-toggle="toggle">

JavaScript

$(document).ready(function() {
  
	 function toggleAllTrue() {
   		$('.slave-toggle').each(() => {
      	$(this).prop('checked', true).change();
      });
   }
   
   function toggleAllFalse() {
   		$('.slave-toggle').each(() => {
      	$(this).prop('checked', false).change();
      });
   }
   
   $('#master-toggle').change(() =>  {
   		if($(this).prop('checked')) {
      	toggleAllTrue();
      } else {
      	toggleAllFalse();
      }
   });
   
  /*
  $('#master-toggle').change(() => {
    $('.slave-toggle').each(() => {
      $(this).prop('checked', !$(this).prop('checked').change());
    });
  });
  */
})