gpt4 book ai didi

javascript - 功能 - 按钮仅在单击另一个按钮后显示?

转载 作者:太空宇宙 更新时间:2023-11-03 19:06:20 25 4
gpt4 key购买 nike

我对函数和学习 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>

最佳答案

给按钮 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 的按钮。参见上文,当函数被调用时,我传入“btnYahoo”或“btnFacebook”,具体取决于我接下来要显示的是哪个。

function showNext(showThis){

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

}

希望对你有帮助

关于javascript - 功能 - 按钮仅在单击另一个按钮后显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10122954/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com