代码之家  ›  专栏  ›  技术社区  ›  DarkLeafyGreen

javascript确认对话框

  •  12
  • DarkLeafyGreen  · 技术社区  · 14 年前

    我想在“删除”按钮中添加一个确认对话框,询问用户是否删除所选项目。

    如果不是,则不应发生任何事情,否则应执行URL。

    我知道如何通过一些JavaScript代码实现这一点,但我正在寻找一个代码较少的解决方案。我的意思是:

    <a href="mysite.de/xy/delete" onClick="...">Delete</a>
    

    是否可以将整个功能放在onclick元素中,而不在头部添加额外的javascript?

    5 回复  |  直到 6 年前
        1
  •  21
  •   GolezTrol    8 年前

    <a href="#" 
      onclick="if confirm('Sure?') { window.location='http://mysite.de/xy/delete';}">
        Click to delete
    </a>
    

        2
  •  27
  •   Nick Craver    14 年前

    return confirm() true false

    <a href="mysite.de/xy/delete" onClick="return confirm('You sure??');">Delete</a>
    

    You can test it here

        3
  •  5
  •   cspolton Abbia    14 年前

        4
  •  2
  •   Matthieu Napoli    9 年前

    <a href="home" class="confirm">Go to home</a>
    

    $('.confirm').confirm();
    

    screenshot

    <a>

        5
  •  0
  •   Luisitox    6 年前

    http://bootboxjs.com/

    <button type="submit" id="btn">Delete</button>
    

      var myBtn = document.getElementById('btn');
    
    
      myBtn.addEventListener('click', function(event) {
          bootbox.confirm({
              size: "small",
              message: "Are you sure?",
              callback: function (result) {
                  /* result is a boolean; true = OK, false = Cancel*/
                  if (result == true) {
                      alert("ok pressed");
                  }
                  else {
                      alert("cancel pressed");
                  }
              }
          })
      });