У меня есть следующая (краткая) концепция на странице:
У меня есть 5 флажков, в зависимости от того, какие флажки установлены, я отображаю div, соответствующий выбранному флажку (т. Е. Если я выберу Test CheckBox Two, то отображается соответствующий div).
Я могу без проблем скрывать и показывать div при нажатии на флажок. У меня проблема в том, что в какой-то момент во время процесса пользователь открывает модальный экран, и когда он закрывается, страница выполняет обратную передачу / перезагрузку. Затем, независимо от того, какие флажки установлены, div скрыты.
Я предполагаю, что это потому, что я вызываю функцию для события click флажка. Мне нужно, чтобы те же самые дивы, которые были выбраны для отображения при закрытии открытого модального окна, без необходимости повторно устанавливать флажки.
Мой 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();
}
}
});