Sample Button With Switch

HTML

<link rel="stylesheet" href="http://bootswatch.com/yeti/bootstrap.min.css">
<link rel="stylesheet" href="http://www.bootstrap-switch.org/dist/css/bootstrap3/bootstrap-switch.css">
<script src="http://www.bootstrap-switch.org/docs/js/jquery.min.js"></script>
<script src="http://www.bootstrap-switch.org/docs/js/bootstrap.min.js"></script>
<script src="http://www.bootstrap-switch.org/dist/js/bootstrap-switch.js"></script>
<input type="checkbox" name="my-checkbox" checked />

CSS

.bootstrap-switch.bootstrap-switch-focused {
    border-color: #cacaca;
    outline: 10 !important;;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0 !important;
}

JavaScript

$("[name='my-checkbox']").bootstrapSwitch();