Stack Overflow Question: Bootstrap Switch
http://stackoverflow.com/q/24964631/1093087
HTML
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.0.2/css/bootstrap3/bootstrap-switch.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-switch/3.0.2/js/bootstrap-switch.min.js"></script>
<button id="btn-add" class="btn btn-primary">Add</button>
<button id="btn-copy" class="btn btn-primary">Copy</button>
<input id="switch" type="checkbox" name="my-checkbox" data-widget="bootstrap-switch">
<div class="holder"></div>
JavaScript
$(function () {
var options = {},
selector = 'input[type="checkbox"][data-widget="bootstrap-switch"]',
activator = function () { $(this).bootstrapSwitch(options); };
$(selector).each(activator);
$('#btn-add').click(function () {
var $newInput = $('<input>', {
"type": 'checkbox',
"data-widget": 'bootstrap-switch'
});
$('.holder').append($newInput);
activator.apply($newInput);
});
$('#btn-copy').click(function () {
var $clonedInput = $('#switch').clone();
$('.holder').append($clonedInput);
//activator.apply($clonedInput);
});
});