如何在 sweetalert 中采取两个选项并根据该选项采取行动？

Question

我有一个只需要Ok和 的 Sweetalert Cancle。如果ok它根据那个执行选项。

我需要两个选项：With Payment和Without Payment. 如果用户选择With Payment，它将要求用户输入金额并将其发送到另一个页面。

我当前的order.list.js页面是这样的

function completeOrder(orderID) {

  var obj = {

    order: order,

    page: page,

    customer: $("#customers_" + from).val(),

    sdate: $("#sdate_" + from).val(),

    edate: $("#edate_" + from).val(),

    Status: Status

  };

  swal({

    title: "Are you sure?",

    text: "You want to complete this order Without Payment !!",

    icon: "warning",

    buttons: true,

    dangerMode: true,

  }).then((willDelete) => {

    if (willDelete) {

      $.ajax({

        url: "process/order-process.php",

        type: "POST",

        data: {

          orderID: orderID,

          status: "Completed",

          payment: "Not Paid"

        },

        beforeSend: function() {},

        success: function(response) {

          if (response.indexOf("success") >= 0) {

            swal("Good job! Your order has been completed!", {

              icon: "success",

            });

            getResult(true, 'process/order-list.php', "POST", JSON.stringify(obj), from);

          } else {

            swal("Error!", "Something went wrong!", "error");

          }

        }

      });

    } else {}

  });

}

Answer 1

你有没有尝试过下面这样的事情swal("Place the order?", {    title: "Are you sure?",    text: "You want to complete this order Without Payment !!",    icon: "warning",    buttons: {        withPayment: "With Payment",        withOutPayment: "With out Payment",    }}).then((value) => {    switch (value) {        case "withPayment":            // Proceed with payment            break;        case "withOutPayment":            // Proceed without payment            break;    }});