Html ToggleButton

Set the toggled property of the jqxToggleButton

by jqwidgets

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<input type="button" value="Toggled On" id='jqxButton' />

JavaScript

$('#jqxButton').jqxToggleButton({
    toggled: true,
    theme: 'energyblue'
});
$("#jqxButton").on('click', function () {
    var toggled = $("#jqxButton").jqxToggleButton('toggled');
    if (toggled) {
        $("#jqxButton")[0].value = 'Toggled On';
    } else $("#jqxButton")[0].value = 'Toggled Off';
});