On/Off: switch button bootstrap
javascript, jquery, twitter-bootstrap, uiswitch
Solution
The simplest use of bootstrapSwitch
Demo
<link href="bootstrap-switch.css" rel="stylesheet">
<script src="jquery.js"></script>
<script src="bootstrap-switch.js"></script>
<input type="checkbox">
<script>
$('input:checkbox').bootstrapSwitch();
</script>
Problem
Here is my code- ``` <div id="normal-toggle-button" class="toggle-button" style="width: 100px; height: 25px;"> <div style="left: 0px; width: 150px;"><input type="checkbox" checked="checked"><span class="labelLeft" style="width: 50px; height: 25px; line-height: 25px;">ON</span><label for="" style="width: 50px; height: 25px;"></label><span class="labelRight" style="width: 50px; height: 25px; line-height: 25px;">OFF </span></div> </div> </div> ``` Script- ``` $(document).ready(function() { $('#normal-toggle-button').toggleButtons(); }); ``` I want a basic button given on this page- Switch buttons I am doing all right. But something i still missed. Check in here- Fiddle