Events

The ButtonGroup exposes a Select() event that you can handle.

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

Razor

    @using Kendo.Mvc.UI

        @(Html.Kendo().ButtonGroup()
        .Name("player")
        .Items(t =>
        {
            t.Add().Text("Month");
            t.Add().Text("Quarter");
            t.Add().Text("Year");
        })
        .Events(ev => ev.Select("onSelect"))
        )

    <script>
        function onSelect(e) {
            console.log("selected index:" + e.indices);
        }
    </script>

Razor

    @addTagHelper *, Kendo.Mvc

        <kendo-buttongroup name="player"
                        on-select="onSelect">
            <buttongroup-items>
                <item text="Month"></item>
                <item text="Quarter"></item>
                <item text="Year"></item>
            </buttongroup-items>
        </kendo-buttongroup>

    <script>
        function onSelect(e) {
            console.log("selected index:" + e.indices);
        }
    </script>

Next Steps

• Using the ButtonGroup Events (Demo)

See Also

• Using the API of the ButtonGroup HtmlHelper for ASP.NET Core (Demo)
• ButtonGroup Server-Side API for ASP.NET Core
• ButtonGroup Client-Side API