Use Kendo UI switch in a web application

Question

I am trying to use a Kendo mobile widget - switch in my web application as below:

<input id="btnConvert" type="checkbox" onclick="onChange();" />

 $(document).ready()
    {        
        $("#btnConvert").kendoMobileSwitch({
            onLabel: "UK",
            offLabel: "US"
        });        
    }
    function onChange(e) {
        alert(e.checked);//true of false
    }

But its not firing the click event. i tried the onchange event which is also not working.

Also i tried

    $('input:checkbox').change(function () {
}

but no success...

Answer 1

Define a change handler event in your switch definition.

$("#btnConvert").kendoMobileSwitch({
    onLabel: "UK",
    offLabel: "US",
    change : function (e) {
        alert("You changed the value");
    }
}); 

See the documentation here.