0

应使用 java-script 函数通过 asp 复选框使 asp 面板可见

我的公司希望我更改特定页面上的编码，要求是当您单击复选框时，面板应该变得可见，但不应回发。所以他们要求我使用 JavaScript 并实现这个要求。

我尝试了这段代码，正如我所见，JavaScript 函数找不到 id，因为面板将被动态创建。那么任何人都可以帮我做到这一点吗？

重要：它应该停止回发！！！

我的代码是：

<script type="text/javascript">
    function fun1()
    {
       if (document.getElementById("CheckBox1").checked == true)
       {
          document.getElementById("Panel3").visible = true;
       }
    }
</script>

<form id="form1" runat="server">
    <asp:Panel ID="Panel1" runat="server" Height="89px">
       <asp:CheckBox ID="CheckBox1" runat="server" OnClick="fun1()" />
    </asp:Panel>
    <br />
    <asp:Panel ID="Panel3" runat="server" Height="91px" Visible="False">
       <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
       <br />
       <br />
       <asp:Button ID="Button2" runat="server" Text="Button" />
    </asp:Panel>
    <br />
</form>
4

2 回答 2

1

它应该可以帮助你... 

var panelControls = document.getElementById("<%=mypanel.ClientID%>").getElementsByTagName("input");

    for (var i = 0; i < panelControls .length; i++)
        panelControls [i].disabled = true;
于 2012-06-07T11:20:01.647 回答
0

Panel 是一个服务器端控件，当它呈现给浏览器时，它呈现为 DIV HTML 元素，您应该使用

function toogleDisplay(sender)
{
if(sender.checked)
    document.getElementById('<%= Panel3.ClientID %>').style.display = 'block';
else
  document.getElementById('<%= Panel3.ClientID %>').style.display = 'none';
}

对于您的 asp 复选框控件，您应该添加此代码

    protected void Page_Load(object sender, EventArgs e)
    {
          checkbox1.Attributes.Add("onClick", "toogleDisplay(this);");
Panel3.Style.Add(HtmlTextWriterStyle.Display, "none");
    }
于 2012-06-07T07:45:17.747 回答