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();
}
}
});