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

how do i create a prompt in javascript with 3 checkboxes/radio buttons as choices?

本文关键字:单选按钮 复选框 提示 选项 JavaScript 创建      更新时间:2023-09-26

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

你可以使用 jQuery 并做一个 3 按钮对话框()。 看看这个工作jsFiddle演示

$("#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"
});

不能像.prompt()那样原生实现。此功能需要更高级的 JS。这里有一些可以搞砸的库:

  1. jQuery UI (dialog)
  2. j查询工具 - 覆盖

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

如果这就是你的意思,你不能从"警报"框中执行此操作。但是您可以使用任意数量的库来创建一个弹出窗口,该窗口基本上只是一个并在其中执行表单。

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