jquery - 如何在通过复选框隐藏/显示单击功能隐藏之前验证复选框列表

Question

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

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

Panel 有 checkboxList 和 dropownlist.dropdownlist 与 checkboxlist 链接。

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

如果下拉列表或复选框列表选择了值，我想阻止用户取消选中复选框（隐藏/显示面板）。

例如，用户选中复选框并从复选框列表和下拉列表中选择值，用户改变主意，只需取消选中复选框并隐藏面板。

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

提前感谢您的帮助