New to Kendo UI for jQuery? Download free 30-day trial

Select All MultiSelect Items by Clicking the Group


Product Version 2018.2.516
Product MultiSelect for Progress® Kendo UI®


How can I select all items from a group in the MultiSelect by clicking the group?


  1. Attach a click handler to the group element.
  2. Get all items from the clicked group and pass them to the value method to select them.
    .k-group-header {
        cursor: default;

<select id="customers"></select>

    $(document).ready(function () {
            placeholder: "Select customers...",
            dataTextField: "ContactName",
            dataValueField: "CustomerID",
            height: 400,
            dataSource: {
                type: "odata",
                transport: {
                    read: ""
                group: { field: "Country" }

        $(".k-list-scroller").delegate(".k-group", "click", groupClick);
        $(".k-list-container").delegate(".k-group-header", "click", groupClick);

        function groupClick() {
            var ms = $("#customers").data("kendoMultiSelect");
            var data =;
            var msValue = [];

            for (var i = 0; i < data.length; i++) {
                if (data[i].Country == this.textContent) {

In this article
Not finding the help you need? Improve this article