功能-仅在单击另一个按钮后才显示按钮？答案

【问题标题】：Function - Button Only Displayed After Another Is Clicked?功能-仅在单击另一个按钮后才显示按钮？
【发布时间】：2012-04-12 11:48:50
【问题描述】：

我对函数一窍不通，并且学习 JavaScript，我需要一些帮助来学习我正在制作的示例之一。我有个问题。如何使下一个按钮仅在单击前一个按钮时才显示？（例如，不先点击 Google 就看不到 Yahoo 按钮）代码如下：

<html>
<head>
<script type="text/javascript">
function show_prompt()
{
var name=prompt("Your Name");
if (name!=null && name!="")
  {
  alert("Thanks for clicking! You will now be redirected to Google.com");
  window.open("http://www.google.com/"};
}
</script>
<script type="text/javascript">
function show_alert()
{
alert("Thanks for clicking me! You are now going to Yahoo.com!");
window.open("http://www.yahoo.com");
}
</script>
<script type="text/javascript">
function show_alert1()
{
alert("Thanks for clicking. Have fun on facebook!");
window.open("http://www.facebook.com/");
}
</script>
</head>
<body>
<ul>
<li><input type="button" onclick="show_prompt()" value="Google" />
<li><input type="button" onclick="show_alert()" value="Yahoo" />
<li><input type="button" onclick="show_alert1()" value="Facebook" />
</ul>
</body>
</html>

【问题讨论】：

标签： javascript html css function prompt

【解决方案1】：

给按钮 id，然后将它们的 css 显示属性设置为 none 以使它们不可见（并且不占用任何空间）。

<ul> 
  <li><input type="button" onclick="show_prompt();showNext('btnYahoo')" value="Google" /></li> 
  <li><input type="button" id="btnYahoo" onclick="show_alert();showNext('btnFacebook')" value="Yahoo" style="display:none" /></li>
  <li><input type="button" id="btnFacebook" onclick="show_alert1()" value="Facebook" style="display:none" /></li> 
</ul>

函数 showNext 然后显示传递给函数的 ID 的按钮。当函数被调用时，见上文

function showNext(showThis){

  document.getElementById(showThis).style.display = "block";

}

希望有帮助

【讨论】：

别担心，我刚刚更新了我的解释以更好地解释。