機能

2012-03-22 7 views
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(); 
     } 
    } 
}); 

答えて

0

ジャスト機能にページがロードされるたびに実行するページを設定し、ショーのdiv。このようにして、ページが最初に読み込まれると、チェックボックスはオフになり、divは非表示になります。モーダル画面が閉じられた後にページをリロードすると、関数は再び実行され、隠しdivが表示されます。