Introducing... Toggle Switches for Twitter Bootstrap!? Yes, toggle switches. Like those fancy pants iphone users have and styled in a bootstrap manner with some fancy css and javascript:
<div class='toggle basic' data-enabled="ON" data-disabled="OFF" data-toggle="toggle"> <input type="checkbox" value="1" name="myCheckbox" class="checkbox" checked="checked" /> <label class="check" for="myCheckbox"></label> </div>
<script> // Don't use .toggle, it will be global. $('.basic').toggleSlide({ onClick: function (event, status) {}, // Do something on status change if you want text: { enabled: false, // Change the enabled disabled text on the fly ie: 'ENABLED' disabled: false // and for 'DISABLED' }, style: { enabled: 'primary', // default button styles like btn-primary, btn-info, btn-warning just remove the btn- part. disabled: false // same goes for this, primary, info, warning, danger, success. } }); </script>