Question

目前我有一个普通的按钮：

<a href="" class="button">Sign up</a>

我没有立即将它发送到链接，而是希望它显示一个带有多个选项的弹出窗口，如下所示：

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_prompt

但是我希望它显示文本框，而不是文本框，它会显示指向您的网站的复选框。（你只能选择一个复选框）

我用油漆制作的简单例子：

http://oi57.tinypic.com/s5cvu1.jpg

不确定这是否可行，因为我没有在网站上工作的经验。

Answer 1

你的问题非常广泛，我不认为SO会在这里给你一个教程，但是为了帮助你开始我建议你查看window.open事件，你需要按顺序点火要打开弹出窗口http://www.w3schools.com/jsref/met_win_open.asp然后在弹出窗口中，您必须决定是否更好地拥有复选框或单选按钮，因为您只需要勾选一个选项，依此类推。我建议你在google上查看＃pop; pop up＆＃34;和javascript。我希望有所帮助。

Answer 2

使用onclick方法：

 <a href="" class="button" onclick=Login(); >Sign up</a>

再次在Scrpt标签

中定义方法注册

 <script>
Login()
{
}

 </script>

为了更好地理解，请参考以下示例：

http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_onclick

这是一个非常简单的例子，或者，如果你意识到jquery，它将使你的工作变得非常容易，因为jquery是更好的选择。 http://jqueryui.com/dialog/

HTML5 - 按下按钮时，打开一个带有选项的窗口

2 个答案: