协慌网

登录 贡献 社区

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

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

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

如何显示这样的对话框?

答案

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

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>