init SwitchButton

Bind to the checked event by type: jqxSwitchButton. Author: http://jqwidgets.com

by mogador

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<script src=" http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://www.jqwidgets.com/public/jqwidgets/styles/jqx.darkblue.css">
<p>
Change Switch button
</p>
<div id="mySwitchButton"></div>
<br />

JavaScript

function JQXSwitchButton(sIDSwitchButton)
{
    // ID du Champ
    this.sIDChamp = sIDSwitchButton;

    // Initialisation
    $("#" + this.sIDChamp).jqxSwitchButton({ theme: 'darkblue'});
}

JQXSwitchButton.prototype.check = function(bCheck)
{
    if(bCheck == true)
        $("#" + this.sIDChamp).jqxSwitchButton('check');
    else
        $("#" + this.sIDChamp).jqxSwitchButton('uncheck');
};

oSwitch = new JQXSwitchButton('mySwitchButton');

oSwitch.check(true);

// OLD
/* 
$('#jqxSwitchButton').jqxSwitchButton({
    height: 35,
    width: 80,
    theme: 'energyblue'
});


$('#jqxSwitchButton').on('change', function (event) {
  var checked = $('#jqxSwitchButton').jqxSwitchButton('checked');

    alert("onChange : the value of the button is " + checked);
});
 */