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

时间:2009-12-28 12:55:00

标签: jquery checkbox blockui

我正在使用ASP.NET checkboxlist控件。在页面上我有一个超链接。在其单击的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);

1 个答案:

答案 0 :(得分:0)

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

Simplemodal,BlockUI和jQuery UI Dialog不会在模态窗口调用之间保持复选框更改。

一种解决方案是使用jQuery cookie插件手动保存更改。 Modal box + checkbox + cookie

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