如何创建带有 “是” 和“否”选项的对话框？

我将要做出一个按钮来采取行动，并将数据保存到数据库中。

用户单击按钮后，我希望 JavaScript 警报提供 “是” 和 “取消” 选项。如果用户选择“是”，则数据将被插入数据库，否则将不执行任何操作。

如何显示这样的对话框？

javascript dialog

答案

您可能正在寻找confirm() ，它显示一个提示，并根据用户的决定true或false

if (confirm('Are you sure you want to save this thing into the database?')) {
  // Save it!
  console.log('Thing was saved to the database.');
} else {
  // Do nothing!
  console.log('Thing was not saved to the database.');
}

var answer = window.confirm("Save data?");
if (answer) {
    //some code
}
else {
    //some code
}

使用window.confirm代替警报。这是实现该功能的最简单方法。

如何使用 “内联” JavaScript 做到这一点：

<form action="http://www.google.com/search">
  <input type="text" name="q" />
  <input type="submit" value="Go"
    onclick="return confirm('Are you sure you want to search Google?')"
  />
</form>