如何使用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>
亚里士多德

在asp.net上进行设置时Visible="false"表示该按钮甚至不会在页面上呈现。

因此,您的代码无法正常工作,因为最初您的按钮不存在于最终页面上,也不存在于最终页面上。

您必须做的是用CSS将其隐藏,例如addstyle="visibility:hidden"Visible="true"

其次,当您尝试使用javascript获取它时,您需要获取最终的呈现ID为

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

总结一下

  • 删除可见,或将其设置为true
  • 用CSS样式隐藏它
  • 使用asp.net代码获取渲染的ID

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

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

来自分类Dev

单击另一个组件中的按钮时,如何显示/隐藏React组件?

来自分类Dev

如何使用按钮onclick隐藏一个div并显示另一个div?

来自分类Dev

单击使用Javascript的选择按钮时,在另一个窗口上显示图像

来自分类Dev

单击按钮显示一个Div并隐藏另一个Div

来自分类Dev

在Vue JS中单击按钮后,如何隐藏警报并显示另一个警报?

来自分类Dev

从另一个视图单击时如何隐藏按钮

来自分类Dev

单击另一个按钮时按钮消失

来自分类Dev

单击另一个按钮时如何设置可单击的按钮?

来自分类Dev

如何在单击另一个按钮时单击一个按钮 angular 2?

来自分类Dev

使用JavaScript单击后退按钮时,重定向到另一个URL

来自分类Dev

试图使一个按钮在单击另一个按钮时显示某些内容(C#)

来自分类Dev

在Bootstrap3中,单击按钮以显示一个div并隐藏另一个div

来自分类Dev

导航到另一个页面时隐藏单击的按钮

来自分类Dev

如何为单击另一个按钮时创建的按钮添加样式?

来自分类Dev

单击另一个单选按钮时如何更改单选按钮的图像

来自分类Dev

如何在单击另一个按钮时更改多个下拉列表的下拉按钮

来自分类Dev

使用JavaScript显示另一个div时隐藏一个div

来自分类Dev

单击按钮如何调用另一个活动?

来自分类Dev

在同一框架中单击按钮后显示一个面板,在单击第二个按钮时显示另一个面板

来自分类Dev

如何使用另一个按钮隐藏使用命令按钮生成的标签?

来自分类Dev

如何在单击angular / javascript中的按钮时将数组的特定键值一个接一个地推入另一个数组

来自分类Dev

使用CSS单击另一个元素时如何显示一个元素?

来自分类Dev

使用CSS单击另一个元素时如何显示一个元素?

来自分类Dev

使用javascript按下按钮时,如何打开一个窗口并关闭另一个窗口?

来自分类Dev

单击提交按钮时显示另一个DIV

来自分类Dev

单击提交按钮时显示另一个DIV

来自分类Dev

在按钮单击 c# 时以另一个窗口形式显示面板

来自分类Dev

单击按钮以显示另一个按钮和相反的按钮

Related 相关文章

  1. 1

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

  2. 2

    单击另一个组件中的按钮时,如何显示/隐藏React组件?

  3. 3

    如何使用按钮onclick隐藏一个div并显示另一个div?

  4. 4

    单击使用Javascript的选择按钮时,在另一个窗口上显示图像

  5. 5

    单击按钮显示一个Div并隐藏另一个Div

  6. 6

    在Vue JS中单击按钮后,如何隐藏警报并显示另一个警报?

  7. 7

    从另一个视图单击时如何隐藏按钮

  8. 8

    单击另一个按钮时按钮消失

  9. 9

    单击另一个按钮时如何设置可单击的按钮?

  10. 10

    如何在单击另一个按钮时单击一个按钮 angular 2?

  11. 11

    使用JavaScript单击后退按钮时,重定向到另一个URL

  12. 12

    试图使一个按钮在单击另一个按钮时显示某些内容(C#)

  13. 13

    在Bootstrap3中,单击按钮以显示一个div并隐藏另一个div

  14. 14

    导航到另一个页面时隐藏单击的按钮

  15. 15

    如何为单击另一个按钮时创建的按钮添加样式?

  16. 16

    单击另一个单选按钮时如何更改单选按钮的图像

  17. 17

    如何在单击另一个按钮时更改多个下拉列表的下拉按钮

  18. 18

    使用JavaScript显示另一个div时隐藏一个div

  19. 19

    单击按钮如何调用另一个活动?

  20. 20

    在同一框架中单击按钮后显示一个面板,在单击第二个按钮时显示另一个面板

  21. 21

    如何使用另一个按钮隐藏使用命令按钮生成的标签?

  22. 22

    如何在单击angular / javascript中的按钮时将数组的特定键值一个接一个地推入另一个数组

  23. 23

    使用CSS单击另一个元素时如何显示一个元素?

  24. 24

    使用CSS单击另一个元素时如何显示一个元素?

  25. 25

    使用javascript按下按钮时,如何打开一个窗口并关闭另一个窗口?

  26. 26

    单击提交按钮时显示另一个DIV

  27. 27

    单击提交按钮时显示另一个DIV

  28. 28

    在按钮单击 c# 时以另一个窗口形式显示面板

  29. 29

    单击按钮以显示另一个按钮和相反的按钮

热门标签

归档