隐藏和现实div的问题

Question

我用：
<script language="javascript" type="text/javascript">
    function displayDiv(chk,div)
    {
         var chkbox=document.getElementById(chk);
         var dv=document.getElementById(div);
         if(chkbox.checked) 
         { 
            dv.style.display="inline";
            //dv.style.visibility="visible"
         } 
         else
         {
            dv.style.display="none"
            //dv.style.visibility="hidden"
         }
    }
</script>
<div class="InputColumn" style="position:relative; left:10px">
    <asp:CheckBox ID="chkIWI" runat="server" Text="Specify" />
</div>
<div id="divIWI" style="display:none;" runat="server" >
<div id="iwi" style="position:relative; left:10px; width:190px; float:left;">IWI</div>
    <div class="InputColumn">
        <asp:DropDownList ID="DropDownList1" runat="server" width="145px" />
    </div>
</div>
为什么不能显示divIWI里面的内容呢？

Answer 1

<script language="javascript" type="text/javascript">
    function displayDiv(chk,div)
    {
         var chkbox=document.getElementById(chk);
         var dv=document.getElementById(div);
         if(chkbox.checked) 
         { 
            dv.style.display="block";
            //dv.style.visibility="visible"
         } 
         else
         {
            dv.style.display="none"
            //dv.style.visibility="hidden"
         }
    }
</script>
<div class="InputColumn" style="position:relative; left:10px">
    <asp:CheckBox ID="chkIWI" runat="server" Text="Specify" OnCheckedChanged="displayDiv('chkIWI','divIWI');"/>
</div>
<div id="divIWI" style="display:none;" runat="server" >
<div id="iwi" style="position:relative; left:10px; width:190px; float:left;">IWI</div>
    <div class="InputColumn">
        <asp:DropDownList ID="DropDownList1" runat="server" width="145px" />
    </div>
</div>

Answer 2

<script language="javascript" type="text/javascript">
    function displayDiv(chk,obj)
    {
         if(chk.checked) 
         { 
            obj.style.display="block";
         } 
         else
         {
            obj.style.display="none";
         }
    }
</script>
<div class="InputColumn" style="position:relative; left:10px">
    <asp:CheckBox ID="chkIWI" runat="server" onclick="displayDiv(this,divIWI)" Text="Specify" />
</div>
<div id="divIWI" style="display:none;" runat="server" >
<div id="iwi" style="position:relative; left:10px; width:190px; float:left;">IWI</div>
    <div class="InputColumn">
        <asp:DropDownList ID="DropDownList1" runat="server" width="145px" />
    </div>
</div>

Answer 3

每看到在哪里调用 displayDiv le

Answer 4

<script language="javascript">  
             function  f1()  
             {  
                     document.all(  "div1").style.display  =  '';  
                     document.all(  "div2").style.display  =  'none';  
             }  
             function  f2()  
             {  
                     document.all(  "div1").style.display  =  'none';  
                     document.all(  "div2").style.display  =  '';  
             }  
</script>
对照着看看吧。

Answer 5

直接把DIV    runat=server，把它的可见属性Visible设置一下就行了！给分吧！