thickBox checkbox IE中无法记住状态bug 的解决方案

1. <div id="cabinEditDiv" style="display:none" bgcolor='#D1D1D1'>
2.    
3.     </div>

 

页面上有如上所示DIV

 

js控制部分

1. function initCabinTable(cabinTypes)
2. {
3. $("#cabinEditDiv").html("");
4. row=(cabinTypes.length+3)/4;
5. cabinTableHtml="<table id='cabinEditTable' text-align='center' width='280' height=180 align='center' cellpadding='2' cellspacing='1' border='0' bgcolor='#D1D1D1'>";
6. cabinTableHtml+="<tr><td colspan=4 style='text-align:center'>选择仓位</td></tr>";
7. while(row>0)
8. {
9. cabinTableHtml+="<tr bgcolor='#ffffff'><td style='text-align:center' rel='cabinEditTD' name='cabinEditTDForCheckbox'></td><td style='text-align:center' rel='cabinEditTD' name='cabinEditTDForCheckbox'></td><td style='text-align:center' rel='cabinEditTD' name='cabinEditTDForCheckbox'></td><td style='text-align:center' rel='cabinEditTD' name='cabinEditTDForCheckbox'></td></tr>";
10. row--;
11. }
12. cabinTableHtml+="<tr bgcolor='#ffffff'><td style='text-align:center' rel='cabinEditTD' name='cabinEditTDForCheckboxAll'></td><td style='text-align:center' rel='cabinEditTD' name='cabinEditTDForCheckboxAllCancel'></td><td style='text-align:center' rel='cabinEditTD' name='cabinEditTDForCheckbox'></td><td style='text-align:center' rel='cabinEditTD' name='cabinEditTDForCheckbox'></td></tr>";
13. cabinTableHtml+="<tr bgcolor='#ffffff'><td style='text-align:center' rel='cabinEditTD' name='cabinEditTDForInputOk' colspan='2' ></td><td style='text-align:center' rel='cabinEditTD'  name='cabinEditTDForInputCancel' colspan='2'></td><tr>";
14. cabinTableHtml+="</table>";
16. $("#cabinEditDiv").append(cabinTableHtml);
17. tdArray=$("td[rel='cabinEditTD']");
18. $.each(tdArray,function (i,c){
19. if(i<cabinTypes.length&&$(this).attr("name")=="cabinEditTDForCheckbox")
20.  $(this).append(cabinTypes[i]+"<input rel='"+cabinTypes[i]+"' name='cabinEditCheckbox' checked=true type='checkbox'/>");
21. if($(this).attr("name")=="cabinEditTDForInputOk")
22.  $(this).append("<input id='cabinEditButtonOk'   value='确定' type='button' οnclick='cabinEditButtonOk_onclick()'/>");
23. if($(this).attr("name")=="cabinEditTDForInputCancel")
24.  $(this).append("<input id='cabinEditButtonCancel'   value='返回' type='button' οnclick='cabinEditButtonCancel_onclick()'/>");
25. if($(this).attr("name")=='cabinEditTDForCheckboxAll')
26.  $(this).append("<a href='#' id='cabinEditLinkForSelectAll' οnclick='cabinEditLinkForSelectAll_onclick()'>全选</a>")
27. if($(this).attr("name")=='cabinEditTDForCheckboxAllCancel')
28.  $(this).append("<a href='#' id='cabinEditTDForCheckboxAllCancel' οnclick='cabinEditTDForCheckboxAllCancel_onclick()'>取消</a>")
29. });
31. }
32. 1. function cabinEditButtonOk_onclick()
    2. {
    3.  cabinTypetmp='';
    4.  checkboxArrayChecked=$("input[type='checkbox'][name='cabinEditCheckbox']");
    5.  $.each(checkboxArrayChecked,function (i,c){
    6.  if($(this).attr('checked')==true)
    7.  {
    8.   cabinTypetmp+=$(this).attr("rel");
    9.  // if(i<(checkboxArrayChecked.length-1))
    10.     cabinTypetmp+=',';
    11.  $(this).replaceWith("<input rel='"+$(this).attr('rel')+"' name='cabinEditCheckbox' checked=true  type='checkbox'/>");
    12.  }else{
    13.  $(this).replaceWith("<input rel='"+$(this).attr('rel')+"' name='cabinEditCheckbox'   type='checkbox'/>");
    14.  }
    16.  });
    17.  if(cabinTypetmp!='')
    18.  {
    19.  while(cabinTypetmp.charAt(cabinTypetmp.length-1)==',')
    20.    cabinTypetmp=cabinTypetmp.substring(0,cabinTypetmp.length-1);
    21.  $("#cabinType").val(cabinTypetmp);
    22.  tb_remove();
    23.  }
    24.  else
    25.  {
    26.  alert("必须选择一个仓位");
    27.  }
    28. }

    本质是 如果一个<input>被选中则用一个属性为checked的<input>空间替换