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

【问题标题】：HTML5 - When button is pressed open a window with optionsHTML5 - 按下按钮时打开一个带有选项的窗口
【发布时间】：2014-05-19 23:26:36
【问题描述】：

目前我有一个普通按钮：

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

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

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

但我希望它显示的不是文本框，而是它会引导您访问的站点的复选框。（并且您只能选择一个复选框）

我在油漆中制作的快速示例：

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

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

【问题讨论】：

考虑为弹出窗口使用 jquery ui 模式，然后将其视为表单

标签： html button checkbox prompt

【解决方案1】：

您的问题非常广泛，我认为 SO 不是在这里为您提供教程，但作为您入门的帮助，我建议您查看 window.open 事件，您需要触发该事件才能打开弹出http://www.w3schools.com/jsref/met_win_open.asp 然后在弹出窗口中，您必须决定是否最好使用复选框或单选按钮，因为您希望只勾选一个选项，依此类推。我建议您在 google 上查找“弹出窗口入门”和 javascript。我希望这会有所帮助。

【讨论】：

【解决方案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/

【讨论】：