jQuery blockUI 取消选中所有选中的复选框

Question

我正在使用 ASP.NET 复选框列表控件。在页面上我有一个超链接。单击 blockUI 插件时，会显示一个包含复选框列表控件的 div。

再次调用 blockUI 时，复选框的状态始终处于未选中状态。即使之前在页面上选中了复选框，它们也始终处于未选中状态。

$("#multipleIA a:contains('multiple IA')").click(function () { 
        if($("#IACodes select option").size() > 0) 
        { 
            $.blockUI({
                                message: $('#chkgrpIA'),
                                css: { width:'240px', cursor: 'auto', backgroundColor: '#F2F2F2' }    
            });
            $('.blockOverlay').click($.unblockUI);
        }
    });     
    $('#btnDone').click($.unblockUI);

Answer 1

经过一些研究并尝试其他 jQuery 插件后，我发现了这个问题。要创建模式弹出窗口，必须禁用后台内容事件。因此，复选框的更改不会保存在 dom 中。

Simplemodal、BlockUI 和 jQuery UI Dialog 不会保留模式窗口调用之间的复选框更改。

一种解决方案是使用 jQuery cookie 插件手动保存更改。 模态框+复选框+cookie

另外以非模态方式打开对话框似乎效果很好。