JS怎么控制div里的控件可用与不可用？

function no_nones()
       {
            var chk = document.getElementById("no_none").checked;  
  
            if(chk == true)
            {
                document.getElementById('div1').style.display = "none";
            }
            else
            {
                document.getElementById('div1').style.display = "";
            }
        }上面的代码只能控制这个DIV隐藏与显示......
我想要的结果是 DIV还可以见，不过它里边的控件成灰色不可以用;
DIV里有多个控件 (是<asp:DropDownList> 形式，不是html形式的控件)
谁可以搞定他.
急急如令！！！

解决方案 »

  1.   

    那不如给div加个runat="server",然后在后台控制
      

  2.   


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>Untitled Page</title>
        <script type="text/javascript">
            function disable()
            {
                var d = document.getElementById("div1");
                for(var i=0;i<d.childNodes.length;i++)
                {
                    if(d.childNodes[i].disabled!=null)
                    {
                        d.childNodes[i].disabled = "disabled";
                    }
                }
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <input type="button" value="disable" onclick="disable()" />
        <div id="div1">
           <asp:DropDownList runat="server" ID="ddl">
              <asp:ListItem Text="11" Value="11"></asp:ListItem>
              <asp:ListItem Text="22" Value="22"></asp:ListItem>
           </asp:DropDownList>
           <asp:TextBox runat="server" ID="txt"></asp:TextBox>
        </div>
        </form>
    </body>
    </html>
      

  3.   

    document.getElementById("lable1").disabled = false;
    document.getElementById("textbox1").disabled = false;
    document.getElementById("CheckBox1").parentElement.disabled = false;//把他的父元素也disabled = false
    如果你一次性DIV里所有元素禁用的话
    document.getElementById('div1').disabled= false;
      

  4.   

    document.getElementById("dropdownlist1").disabled=true;
      

  5.   

    <input type="checkbox" value="2" id="fav" name="fav" disabled="disabled" />
      

  6.   

    遍历这个DIV里的所有控件然后禁用。
    DIV上面加一个透明DIV层，遮挡住下面的DIV，用户自然无法使用。
      

  7.   

    看了,好像没有控制div方法的可用的
    使每个控件不可用吧
      

  8.   

    不知道楼主 是想把所有的div里的控件 都禁用 还是只禁单独的        用Panel的Enabled属性吧 DIV 没有Enabled这个属性
      

  9.   

    如果你一次性DIV里所有元素禁用的话 
    document.getElementById('div1').disabled= false;这个是可以的呀。不知道你要达到什么效果
      

  10.   

    document.getElementById('div1').disabled= false; 
    这样不行 没效果