$("#jqxButton").jqxToggleButton({ width: '200', toggled: true});
                $("#jqxDisabledButton").jqxToggleButton({ width: '200', disabled: true});

                $("#jqxButton").on('click', function () {
                    var toggled = $("#jqxButton").jqxToggleButton('toggled');
                    if (toggled) {
                        $("#jqxButton")[0].value = 'Toggled On';
                    }
                    else $("#jqxButton")[0].value = 'Toggled Off';
                });
            });
        </script>
        <div style='width:200px;' id='jqxWidget'>
            <div>
                <input style='margin-left: 25px;' type="button" value="Toggled On" id='jqxButton' />
            </div>
              <div>
                <input style='margin-left: 25px; margin-top: 10px;' type="button" value="Disabled" id='jqxDisabledButton' />
            </div>
        </div>
    </div>
</body>
</html>