Javascript 模态对话框复选框问题Google Chrome，IE，Firefox

我无法在我的模态对话框和IE中选中/取消选中Google Chrome中的任何复选框，当对话框最初加载时，它可以正常工作，但是如果对话框关闭并使用完全相同的数据重新打开，即使重新运行代码填充对话框，我也无法选中/取消选中其中的复选框。我已经尝试了从我读过的其他线程中的z-index修复，该修复最初解决了IE中无法检查任何框的问题，但在chrome中仍然存在

我动态创建的代码是

<div id="IndividualReports" class="ui-dialog ui-widget" style="height: auto !important; width: 725px; background-color:white; border: 1px solid black;">
    <div class="ui-dialog-titlebar ui-widget-header " style="background-color: #00447B; height:50px; text-align:left; vertical-align:middle; padding:13px 0px 0px 25px;">
      <span id="ui-dialog-title-dialog" class="ui-dialog-title" style=" font-size: 20px; color: white;">Processed 1-Clicks</span>
   </div>
   <div style="width: 698px; height:25px; text-align:right; padding:5px 20px 5px 5px; background-color: white;">
        <a href="#"><img src="/applications/images/Refresh.gif"/>Refresh</a>
   </div>
   <div id="indOrdersList" style="width: 698px; height:350px; display:block; padding:5px 10px 5px 15px; background-color: white;">
        <table style=\'width: 685px;\' cellpadding=\'0\' cellspacing=\'0\'>
        <tr>
            <td style=\'width:20px;\'><a href=\'#\' class=\'toggleReportTwo\'></a></td>
            <td style=\'width:315px; text-align:left; font-weight:bold;\'>Sample Report Two</td>
            <td style=\'font-weight:bold; width:140px; text-align:right;\'>10/3/2013,9:52:40 AM</td>
            <td style=\'font-weight:bold; width:150px; text-align:left; padding-left:6px;\'>
                <a href=\'#\' class=\'viewIndReports\'>View All in One PDF</a>
            </td>
            <td style=\'width:70px;\'>
                <input type=\'checkbox\' id=\'delAllSampleTwo\' class=\'delAllSampleTwo\'/>All
            </td>
        </tr>
    </table>
    <div id=\'sampleTwoReports\'>
        <table style=\'width: 685px;\' cellpadding=\'0\' cellspacing=\'0\'>
            <tr>
                <td style=\'width:20px;\'></td>
                <td style=\'width:315px; text-align:left;\'>CHIN KIM</td>
                <td style=\'width: 140px; text-align:right; padding-right:4px;\'>&nbsp;</td>
                <td style=\'width:150px; text-align:left; padding-left:6px;\'>
                    <a class=\'viewIndReports\' href=\'#\' target=\'_blank\'>View</a>
                </td>
                <td style=\'width:70px;\'>
                    <input type=\'checkbox\' id=\'delCHIN KIM\' class=\'delTwo\'/>
                </td>
            </tr>
        </table>
    </div>  
   </div>
   <div style="height:75px; width:700px; background-color: white; vertical-align: bottom; text-align: right; padding-right: 20px;">
        <input type="button" class="CommandButton" style="width:100px;" value="Delete Report(s)" onClick="deleteOneClickReports();"/><br/><br/>
        <input type="button" class="CommandButton" style="width:56px;" value="Close" onClick="closeIndReports();"/>
   </div>
</div>


    $('.delAllSampleTwo').live('click',function(){
        if($(this).is(":checked")){
            $('.delTwo').prop("checked",true);
        }else{
            $('.delTwo').prop("checked",false);
        }
    });

处理1次点击
样本报告二
2013年3月10日上午9:52:40
全部的
金琴



$（'.delAllSampleTwo'）.live（'单击'，函数（））{
如果（$（this）.is（“：checked”））{
$（'.delTwo'）.prop（“选中”，为真）；
}否则{
$（'.delTwo'）.prop（“选中”，false）；
}
});

我知道对于使用.delOne和.del两个类名创建的各个复选框，我没有live click（）函数，我也需要它们吗？我只是想一个复选框应该可以被选中。 谢谢你的帮助，

---

Nick G

渲染的HTML中是否包含所有反斜杠？不在实际源代码中，这只是从我在Jquery/JavaScription中创建数据的函数中转储的数据。你能将其放入js提琴中吗？我将其放入提琴中，但当然它在提琴中正常工作，这很难，因为这个网站上还有很多其他的东西，包括文件和一些我根本不关心的东西，我确信这些东西一定会破坏网站的某些功能。不管怎么说，这是小提琴，但它的工作原理是一样的；