单击后隐藏并显示两个按钮

亚历山大·理查德(Alexander Richard)

请根据下面的按钮给我一个示例,而不使用onclick函数

<button id="button1">Example 1</button>
<button id="button2" style='display:none;'>Example 2</button>

例如:

Button1为默认按钮,单击后将隐藏并显示button2,再次单击button2后将隐藏并显示button1。

我只需要ID(而不是onclick函数)的jQuery。

是否可以获取用于隐藏和显示的按钮的ID?

提前致谢

普拉纳夫·C·巴兰(Pranav C Balan)

您可以使用做简单的not()事情,如果没有单击事件处理程序也不能做

var btn = $('#button1,#button2').click(function() { // bind click handler to both button
  $(this).hide(); // hide the clicked button
  btn.not(this).show(); // show the another button which is hidden
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="button1">Example 1</button>
<button id="button2" style='display:none;'>Example 2</button>

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

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

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

单击两个按钮后如何在Textview中显示两个不同的文本

单击两个单选框和一个按钮时显示隐藏的文本框

单击拒绝/关闭后禁用两个按钮

单击两个按钮后抓取数据

根据两个单选按钮显示和隐藏div

单击后显示更多隐藏按钮

单击提交按钮后显示隐藏的表格

至少单击一次其他两个按钮后,如何启用按钮?

单击后隐藏按钮

单击后隐藏按钮

单击按钮的两个功能

单击更改两个按钮的样式

单击按钮后,在Angular中隐藏按钮并显示数据

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

填写第一个表格并单击提交按钮后,显示“隐藏”表格

单击来自两个不同活动的两个单选按钮时,如何在新活动中显示文本?

单击 actionscript 3.0 中的两个不同按钮后,如何使符号出现?

两个或多个按钮单击后,jQuery Timepicker无法正常工作

选择两个单选按钮以使用JavaScript显示/隐藏div

jQuery基于两个单选按钮和选择选项显示和隐藏div

使用两个或多个按钮在单个DIV中显示/隐藏和替换文本

显示基于两个单选按钮的隐藏文本框

如何通过单击“取消”按钮显示两个ViewController之一?

单击提交按钮后如何隐藏和显示页面(HTML)

通过滚动按钮单击隐藏后显示工具栏

单击按钮后显示图片,并在加载iframe时隐藏

角度方式:单击按钮后显示或隐藏元素

单击按钮后隐藏组件(登录)并显示其他组件

Android-在按钮上单击并重新单击后在两个图像之间更改ImageView