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

Question

我正在使用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); 

Answer 1

一些研究和尝试其他的jQuery plugings后，我发现这个问题。要创建模式弹出窗口，禁用背景内容事件。由此，复选框更改不会保存在dom中。

Simplemodal，BlockUI和jQuery UI对话框不会保留模态窗口调用之间的复选框更改。

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

同时以非模态方式打开对话框似乎工作得很好。