JavaScript實踐：點擊CheckBox顯示/隱藏Details

用一個CheckBox作為Flag，當選中Flag時，才會顯示具體資訊。

方法：

使用JavaScript的方法

具體：

頁面代碼：把需要顯示/隱藏的<tr>設一個ID，如：

 <tr id="WithinPkgs1" style="display: none;">

 <tr id="WithinPkgs2" style="display: none;">

 <tr id="WithinPkgs3" style="display: none;">

通過CheckBox的onclick事件調用函數：

<asp:CheckBox ID="chkWithinPkgsFlag" runat="server" onclick="flagShowTest('WithinPkgs',this.checked);" />

JavaScript函數為：

 

JavaScript

   function flagShowTest(objIdPrefix, showFlag)
        {
             var i=1;
             while(true)
             {
             var obj=document.getElementById(objIdPrefix+i);
             if (obj==undefined||obj==null)
             { break; }
             if(showFlag==true)
            {
                obj.style.display='';
            }
            else
            {
                obj.style.display='none';
            }
            i++;
            }
        }