如何在警告框中显示单选按钮

Question

在警告框中使用单选按钮是否可能？ 要求是不使用任何模态框，因此我们只考虑是否可以使用警告框或确认框。然后我们就可以继续进行了。

任何帮助都将不胜感激。 以下是示例截图。

- Kanhu Bhol

---

可能是 javascript alert box with radio buttons 的重复问题。 - undefined

不，那当然不可能。 - undefined

你应该找到自定义模态框。 - undefined

你可以尝试使用HTML/JS模态弹出窗口。 - undefined

除非你意识到模态是解决方案（因此你的要求是障碍而不是约束），否则你无法做到。 - undefined

感谢大家的宝贵评论。 - undefined

Answer 1

我不猜测。我知道这实际上是不可能的。原因很简单：

`alert()`，`prompt()`以及`confirm()`自JS诞生以来就一直是HTML+JS的一部分。虽然它们会打破JavaScript的异步流程，但它们从未被废弃。

这基本上就是为什么它们只允许你玩弄字符串的原因。它们从未旨在成为功能丰富的工具。它们实际上是出于无中生有而发明的，因为发明者（Brendan Eich）认为它们会派上用场。（那时候对每个人来说已经足够了）

它们是通过设计阻塞操作，应尽量避免使用。

要避免它们，只需创建所谓的模态对话框（基本上是一个带有`position: fixed`的`

`，位于页面内容之上即可。

好处：您可以轻松地使其呈现为所需的样子，并且不会破坏应用程序的任何网络连接或行为。

PS: 不要使用w3schools作为学习或其他事情的参考。 它们是一个低质量的数据库。你应该在mdn或其他网站上查找资料，但应严格避免使用w3schools，因为它在任何主题上都不完整。 请记住，这只是一个观点。

- GottZ

---

非常感谢 @Gottz - undefined

老实说，曾经有一些想法可以允许自定义弹出窗口来创建此类功能，但由于滥用和这些窗口破坏了JavaScript的异步流程，因此已经被弃用了。（想象一下，如果你显示这样一个弹出窗口，整个页面都会冻结） - undefined

如果你看过Twitter等网站的单点登录弹窗，例如...他们会使用一些其他的技巧，这需要你使用高级但不太受支持的技术在你的域之间进行通信，或者像他们那样做，通过仅使用令牌使其无状态...就像我说的...很复杂。如果你想要走这条路线，你很可能找不到一种内联的方法。（XSS预防等） - undefined

总而言之，一个模态对话框可以解决你的问题。 - undefined

Answer 2

无法在警告窗口内使用收音机。

window.alert(message);中的消息参数是字符串类型，您不能将对象或HTML放在那里（将会转换为字符串）。

- Serge

Answer 3

不要过度使用window.prompt()方法，因为它会阻止用户在关闭对话框之前访问页面的其他部分。

窗口提示用法注意事项

- Asmi

---

请再仔细阅读问题。提问者要求在警告框中使用单选按钮，并且要求不使用任何模态框。我的回答是，"window对象确实提供了alert、prompt和confirm方法来向最终用户显示消息。然而，w3schools已经提供了关于不过度使用这些window对象方法的说明。" - undefined

我指向了w3school的教程，以帮助提问者理解我们不能使用Windows对象方法来满足给定的要求。需要使用jQuery-ui或其他插件。 - undefined