0
は、私がページ上の次の(簡単な)という概念を持って正しく機能しませんTest CheckBox Twoを選択し、それに対応する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();
}
}
});