Events

Updated on Sep 8, 2026

The ToggleButton exposes a toggle event that you can handle when the selected state is altered.

For a complete example on basic ToggleButton events, refer to the demo on using the events of the ToggleButton.

The following example demonstrates how to subscribe to the toggle event.

Example

View Source

    <button id="togglebutton">
        Toggle Button
    </button>

    <script>
        $(document).ready(function(){
            $("#togglebutton").kendoToggleButton({
                group: "toggleGroup",
                toggle: onToggle
            });
        })

        function onToggle(e) {
            console.log(e.target.text() + " 'toggle' event is fired."  + " Checked State:" + e.checked + " Group:" + e.group);
        }
    </script>

Next Steps

• Using the ToggleButton Events (Demo)

See Also

• Using the API of the ToggleButton widget for Kendo UI for jQuery (Demo)
• ToggleButton Client-Side API