jQuery SwitchButton

Set the onLabel property of the jqxSwitchButton. Author: http://jqwidgets.com

by txhi

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<div id="jqxSwitchButton"></div>

CSS

.jqx-switchbutton-label {
  text-transform: none;
}

JavaScript

$('#jqxSwitchButton').jqxSwitchButton({
    height: 35,
    width: 80,
    theme: 'energyblue',
    onLabel:'on',
    offLabel:'off'
});