Jquery RadCombobox Eanble Disable Selection change

Hi all,
Recently I faced some issue with implement a dependent radio button with combobox (Telerik Rad Combobox). Please see the following image.


I had a lot of problem to implement this dependency with JQuery. I am sharing this code for all of you guys for future use.

function CheckEnableDisableAllRadioButton() {

           if ($(".rdoReport input[type='radio']").prop("checked")) {

               var ddlListItemsReport = $find("<%= rcbReport.ClientID %>")
               var ddlListItemsDept = $find("<%= rcbDepartment.ClientID %>")

               ddlListItemsReport.enable();
               ddlListItemsDept.findItemByText('All').select();
               ddlListItemsDept.disable();

           }

           if ($(".rdoDepartment input[type='radio']").prop("checked")) {

               var ddlListItemsReport = $find("<%= rcbReport.ClientID %>")
               var ddlListItemsDept = $find("<%= rcbDepartment.ClientID %>")

               ddlListItemsReport.findItemByText('All').select();
               ddlListItemsReport.disable();
               ddlListItemsDept.enable();
               
           }

In C# part you have to do a little addition in page load.

rdoReport.Attributes.Add("onClick", "return CheckEnableDisableAllRadioButton();");
rdoDepartment.Attributes.Add("onClick", "return CheckEnableDisableAllRadioButton();");

Happy coding...........