내가 페이지에서 다음 (짧은) 개념이 올바르게 작동하지 않음 Test CheckBox Two를 선택한 다음 그에 대응하는 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();
}
}
});