如何通过复选框隐藏/显示点击功能隐藏复选框

Question

表单有隐藏/显示面板的复选框。

$(function () {
    $('[id$=Panel1]').hide();
    $('[id$=CheckBoxcard]').change(function () {
        if ($('[id$=CheckBoxcard]')[0].checked) {
            $('[id$=Panel1]').show();
        } else {
            $('[id$=Panel1]').hide();
        }
    });
});

Panel有checkboxList，dropsownown.dropdownlist与checkboxlist链接。

$(function () {
    $('[id$=DropDownListsubcat]').hide();
    $('[id$=CheckBoxListcardiac] input:checkbox:first').click(function () {
        if (this.checked) {
            $('[id$=DropDownListsubcat]').show();
        } else {
            $('[id$=DropDownListsubcat]').hide();
        }
    });
});

如果dropdownlist或checkboxlist选择了vales，我想停止用户取消选中复选框（隐藏/显示面板）。

例如，用户选中复选框并从复选框列表和下拉列表中选择值，用户更改他/她的想法，只需取消选中复选框并隐藏面板。

如何通过这样做来阻止用户？

提前感谢您的帮助