How to add event listener for html buttons in sweetalert dialog box in jquery

Question

I am using SweetAlert box and I have three buttons, which i created using html inputs but I need to have three different click event listener performing different actions on

Answer 1

Buttons are created on run-time hence you will need event delegation

Note: If you attach events this ways, they will be attached every time sweet alert is invoked. Bind then out of swal initialization.

Try this:

$("#btnProcessRequest").click(function(e) {
  e.preventDefault();
  var btn = "button";
  swal({
    title: "HTML Consultation Review!",
    text: 'A ' +
      'B ' +
      'C',
    html: true,
    showConfirmButton: false
  });
});
$(document).on('click', "#btnA", function() {
  alert(this.id);
});

$(document).on('click', "#btnB", function() {
  alert(this.id);
});

$(document).on('click', "#btnC", function() {
  alert(this.id);
});

  Show Sweet Alert