New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Deselect checkboxes when text is deleted


Product Telerik WebForms ComboBox for ASP.NET AJAX


I would like to deselect a checkbox in a RadComboBox when the corresponding text is deleted from the text section. Currently, deleting the text does not update the combobox selections.


To achieve this, you can use the OnClientTextChange event of the ComboBox. Whenever the text changes, it will iterate through the checked items and deselect any item whose text is not included in the current text of the Combobox.

<telerik:RadComboBox ID="RadComboBox1" runat="server" RenderMode="Lightweight" Width="300px"
    OnClientTextChange="onClientTextChange" AllowCustomText="true" CheckBoxes="true" Filter="Contains">
        <telerik:RadComboBoxItem Text="Item 1" />
        <telerik:RadComboBoxItem Text="Item 2" />
        <telerik:RadComboBoxItem Text="Item 3" />
        <telerik:RadComboBoxItem Text="Item 4" />
        <telerik:RadComboBoxItem Text="Item 5" />
function onClientTextChange(sender, args) {
    var comboBox = sender;
    var text = comboBox.get_text().toLowerCase(); // Get the text from the input and convert it to lowercase
    var checkedItems = comboBox.get_checkedItems(); // Get the checked items

    checkedItems.forEach((item) => {
        var itemText = item.get_text().toLowerCase(); // Get the text of each checked item and convert it to lowercase

        if (!text.includes(itemText)) { // Check if the item's text is not included in the current text of the combobox
            item.uncheck(); // Deselect the item
In this article