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

Badge

methods

Gets or sets the badge of a button within the ButtonGroup. This method supports several usage scenarios:

Get badge value: When called with only the button parameter, returns the current badge text
Set badge value: When called with a button and string/number value, updates the badge text
Create badge: If the button doesn't have a badge, creates a new one with the specified value
Remove badge: When called with false as the value parameter, completely removes the badge from the button
Handle zero: Properly handles zero (0) as a valid badge value

badge

Parameters:buttonSelector|Number

The target button specified either as a jQuery selector/object or as an button index.

valueString|Boolean

The target value to be set or false to be removed.

Returns:String|kendo.ui.Button

the badge value if invoked without parameters, otherwise the ButtonGroup object.

<ul id="buttongroup">
    <li>Option 1</li>
    <li>Option 2</li>
    <li>Option 3</li>
</ul>

<script>
    var buttonGroup = $("#buttongroup").kendoButtonGroup({
        select: function(e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
            console.log("selected index:" + e.indices);
        },
        index: 0
    }).data("kendoButtonGroup");

    buttonGroup.badge(0,5);
</script>