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').toggle({
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>