如何在javascript中创建一个带有3个复选框/单选按钮作为选项的提示？

Question

如何创建一个javascript提示框，您必须从中选择3个选项中的一个？我希望做一些类似于html表单的单选按钮，除了在javascript提示符下。

Answer 1

您可以使用jQuery并执行3按钮对话框（）。查看 working jsFiddle demo ：

$("#dialog").dialog({

    autoOpen: true,
    buttons: {

        Yes: function() {

            alert("Yes!");
            $(this).dialog("close");
        },
        No: function() {

            alert("No!");
            $(this).dialog("close");

        },
        Maybe: function() {

            alert("Maybe!");
            $(this).dialog("close");
        }

    },
    width: "400px"

});

Answer 2

这不能像.prompt()本地实现。此功能需要更高级的JS。这里有一些混乱的库：

1. jQuery UI (dialog)
2. jQuery Tools - Overlay

那里可能更适合。有一段时间使用这样的东西

Answer 3

你不能从“警告”框中执行此操作，如果这就是你的意思..但你可以使用任意数量的库创建一个弹出窗口，它基本上只是一个并在那里做你的表格。

然后，您可以将一个按钮或其他任何内容绑定到关闭该框的函数，并将该表单解析为Javascript中的结构。