0
我有一个页面下面的(简单)的概念:功能当隐藏事业部无法正常工作
我有5个复选框,这取决于复选框被选中,我显示对应的复选框一个div选择(即如果我选择测试复选框两个然后div显示相应的)。
当点击复选框时,我可以隐藏并显示div,没有任何问题。我遇到的问题是,在这个过程中的某个时刻,用户打开一个模式屏幕,当这个屏幕关闭时,页面会进行回发/重新加载。然后,无论检查哪个复选框,div都是隐藏的。
我假设这是因为我在复选框的单击事件上调用该函数。我需要在打开的模式关闭时选择显示相同的div,而不必重新点击复选框。
我的HTML:
<input type="checkbox" runat="server" id="cbImplement" class="selectCriteria" title="Implementation" value="cbImplement" /><span style="font-weight: bold; color: #4b6c9e">Implement</span>
<ul id="ulTabs">
<li class="displayItem" id="liImplement" style="display: none"><a href="#divImplement">
<span style="font-weight: bold; color: #4b6c9e;">Implement</span></a></li>
</ul>
<div id="divImplement" class="divframe"></div>
我的jQuery:
$(".selectCriteria").click(function() {
var id = $(this).attr('id'); // get checkbox id
if ($(this).is(':checked')) {
// Show Implementation
if (checkboxID == "cbImplement") {
$('#liImplement').show();
$('#divImplement').show();
}
}
else{
// Hide Implementation
if (checkboxID == "cbImplement") {
$('#liImplement').hide();
$('#divImplement').hide();
}
}
});