jQuery SwitchButton

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

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">
<div id="jqxSwitchButton"></div>

JavaScript

$('#jqxSwitchButton').jqxSwitchButton({
    height: 30,
    width: 80,
    theme: 'energyblue',
    disabled: true
});

$('#jqxSwitchButton').addClass('jqx-fill-state-disabled');