change color when switch button is clicked

[wpdParticipant]

I am using switch button in my code .
I am trying to implement color change when user clicked on the switch button
my code
$(‘#recentButton’).jqxSwitchButton({ height: 27, width: 81, checked: true });

is there any way to make green color when user click on the switch button and remove it when user off the switch

[StanislavParticipant]

Hello wpd,

Take a look at this example:

$(document).ready(function () {

    $('#recentButton').jqxSwitchButton({ height: 27, width: 81, checked: true });

    $('.jqx-switchbutton').on('checked', function () {
        $('body').css('background-color' , 'blue');
    });

    $('.jqx-switchbutton').on('unchecked', function () {
        $('body').css('background-color' , 'white');
    });
});

It should do the job.

Best Regards,
Stanislav

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts