如何使用JavaScript在单击另一个按钮时隐藏/显示按钮

我有一个按钮，默认情况下是隐藏的，但只想让按钮在单击另一个按钮后才可见。我正在使用JavaScript来实现这一点，但到目前为止它还不起作用，我不确定我在这里做错了什么

以下是启动showButton函数的代码：

 <asp:Button ID="btnUpdate" runat="server" Text="SAVE" OnClick = "Update" Visible = "false" OnClientClick="return showButton();" 
    Font-Bold="False" Font-Size="Large" Height="30px" Width="157px"/>

这是默认情况下隐藏的按钮

<asp:Button ID="btnSubmit" runat="server" Text="Submit" Width="183px" Visible="false"
    onclick="btnSubmit_Click" 
     OnClientClick="return validate();" 
      Font-Bold="True" Font-Size="Medium" Height="30px" 
      style="margin-right: 1px; margin-left: 185px;" ForeColor="#336699" />

下面是我的javascript：

<script type ="text/javascript">
    function showButton() {
        document.getElementById('btnSubmit').style.visibility = 'visible';
    }

</script>

函数showButton（）{
document.getElementById（'btnSubmit'）。style.visibility='visible'；
}

您可以使用类或直接在样式中修改显示：在块和无之间的样式。

您没有显式设置

asp:Button

的

ClientID

属性，因此根据页面的配置，按钮的实际

id

属性可能会使用不同于“btnSubmit”。您应该检查生成的标记，并确保尝试查找的ID与ASP.NET为按钮“生成”的ID匹配

---

这是关于ClientID的。

我对ASP不太熟悉，所以我无法解决这方面的问题，但我知道您正在使用

返回showButton（）；

作为

onclick

函数，但是

showButton

函数不返回任何内容。虽然有些浏览器可以处理这个问题（最新版本的Firefox似乎并不在意），有些可能不在乎

---

尝试将

OnClientClick=“return showButton（）；”

更改为

OnClientClick=“showButton（）；”

，或者在

showButton

函数的末尾添加

return true；

语句。

在asp.net上设置

Visible=“false”

意味着按钮甚至不会在页面上呈现

因此，您的代码无法工作，因为首先，您的按钮不存在于最终页面上，而不在最终页面上呈现

您必须做的是使用css隐藏它，例如，添加

style=“visibility:hidden”

和

Visible=“true”

第二，当您尝试使用javascript获取它时，需要将最终呈现的id获取为

<script type ="text/javascript">
    function showButton() {
        document.getElementById('<%=btnSubmit.ClientID%>').style.visibility = 'visible';
    }
</script>

函数showButton（）{
document.getElementById（“”）.style.visibility='visible'；
}

概括

• 删除可见项，或将其设置为true
• 用css样式隐藏它
• 使用asp.net代码获取呈现的id