添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

sweet alert delete confirm javascript

SweetAlert是一个用于美化JavaScript中弹窗的库,而SweetAlert2则是它的升级版。如果你想用SweetAlert2来实现删除确认的弹窗,可以按照以下步骤操作:

  • 在HTML中添加SweetAlert2的CSS和JavaScript文件:
  • <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.5/dist/sweetalert2.min.css">
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.5/dist/sweetalert2.min.js"></script>
    
  • 在JavaScript中使用SweetAlert2来生成弹窗:
  • Swal.fire({
      title: '确认删除吗?',
      text: '删除后将无法恢复!',
      icon: 'warning',
      showCancelButton: true,
      confirmButtonText: '删除',
      cancelButtonText: '取消',
    }).then((result) => {
      if (result.isConfirmed) {
        // 用户点击了“确认”按钮
        // 在这里执行删除操作
    

    在上面的代码中,Swal.fire()函数用来生成一个SweetAlert2的弹窗。title属性和text属性分别用来设置弹窗的标题和文本内容。icon属性用来设置弹窗的图标样式。showCancelButton属性设置为true表示要在弹窗中显示“取消”按钮。confirmButtonText属性和cancelButtonText属性用来设置“确认”按钮和“取消”按钮的文本内容。

    最后,在then()方法中检查用户是否点击了“确认”按钮,如果是,就执行删除操作。

    希望这个例子能够帮助你实现SweetAlert2的删除确认弹窗。

  •