javascript - ASP文本框默认不可见，从JS可见

Question

我有一个最初不可见的文本框和复选框 OnClick JS 方法，我希望按钮可见，

最初，该复选框似乎不可见，但当我单击该复选框时，JS 方法给出了未找到对象的错误。如果我从文本框代码中删除 Visible="false"则效果很好。

<asp:Textbox id="day" runat="server" Visible="false" />

 <asp:CheckBox ID="parts" runat="server" onClick="Click();" />

 <script type="text/javascript">
 function Click(){
 document.getElementById("day").style.visibility = "visible";

 //ERROR **0x800a01a8 - Microsoft JScript runtime error: Object required**
 }
  </script>

//错误0x800a01a8 - Microsoft JScript 运行时错误:需要对象

Answer 1

当您使用visible=false时，它永远不会在页面上呈现，这意味着您不能执行document.getEle..，它总是会给您null 值，因此，它将抛出错误。

If this property is false, the server control is not rendered. - MSDN

如何解决这个问题

因此，要使其工作，您需要使用 javascript 将其隐藏，然后使用 javascript 将其设置为可见。

<asp:TextBox ID="day" runat="server" style="display:none;" />
<asp:CheckBox ID="parts" runat="server" onClick="Click();" />

<script type="text/javascript">
    function Click() {
        document.getElementById("day").style.display = "block"; // use "none" to hide
    }
</script>