disactivated Combobox via checkbox

[Stevanus]

hallo,

i just wanna to disable the combobox when the chekcbox is checked and vice versa.

 

when i cheked, it disactivated, but when i check out (isChek == false) is not enable it. so it remain disabled.

 

any idea?

[Alexander]

Hi, Stevanus

Thank you for the provided information and screenshot.

In the example provided changing the state of the checkbox may result in a component being initialized multiple times from the same DOM element. Instead, reference the widget instance using the following methods:

• The jQuery .data() method with the jQuery object of the widget element and pass the name of the widget(component).
• The .getKendo<WidgetName>() method.

In general, the Telerik UI Check Box Html Helper for ASP.NET MVC is based on the conventional HTML checkbox element. In order to achieve the desired result, you can access the CheckBox through the classes Telerik UI for ASP.NET MVC generates for it.

Also, more information on how checkboxes are generated is available in the jQuery Check Boxes documentation for the classes.

Having said that, in order to achieve the desired result you can add an on-change event that:

• Checks if the check box is checked through the .checked property (highlighted in blue).
• Sets .enable() method on the combo box depending on the statement it goes to (highlighted in orange).

Finally, You can review the dojo sample for this scenario specifically:

   $(".k-checkbox").on("change", function () {
       if (this.checked) {
           $("#kComboBox").data("kendoComboBox").enable(false);
       }
       else {
           $("#kComboBox").data("kendoComboBox").enable(true);
       }
    });
 

In this example, I have added an on-change event to the check box with a reference to the widget instance of the combo box. Additionally, I have changed it to be enabled or disabled depending on whether the check box is checked or not. 

Please let me know if you have any further questions, and I would gladly answer them.

Regards, Alexander Progress Telerik

[Alan]

I hate writing a lot of code...  my approach would be:

$(".k-checkbox").on("change", function () { 
  $("#kComboBox").data("kendoComboBox").enable(this.checked);
}