Предотвратите представления кнопок с подтверждением загрузочного ботинка и отобразить их значения в сообщении

Question

У меня есть простая форма с 3 кнопками, каждое выполнение другое действие.На щелчке я хочу, чтобы пользователь подтвердил его действие с помощью bootbox.concirm ().Я хочу подтверждающий ящик для отображения: «Вы уверены на свой выбор:» + значение.Как я могу добиться этого?

html:

<form action="" method="post">
     <button  type="submit" name="action" value="success" class="confirm"></button>
     <button type="submit" name="action" value="fail" class="confirm"></button>
     <button type="submit" name="action" value="no exam" class="confirm</button>
</form>

.

JavaScript / jQuery Я пробовал:

<script>
  $(document).ready(function() {
    $(document).on("click", ".confirm", function(e) {
        e.preventDefault();
        bootbox.confirm("Are you sure for your choice?", function(result) {
        if (result) {
          console.log("user confirmed");
        } else {
            console.log("user declined");
        }
      });
    });
  });
</script>

.

Это правильный путь (с классами на каждой кнопке) или я должен выбрать форму? Я правильно получаю подтверждающую коробку и журналы, но на успех я не знаю, как отправить.Также я не знаю, как поставить выбранное значение в сообщении.

Answer 1

Надеюсь, вы смогли это выяснить, но если нет вот все, что вам не хватало. Кроме того, потому что этот поток асинхн, не двигайте E.PreventDefault () к обратным вызовам.

$(document).ready(function() {
    $(document).on("click", ".confirm", function(e) {
        e.preventDefault();
        var $this = $(this);
        bootbox.confirm("Are you sure for your choice: "+$this.val()+"?", function(result) {
            if (result) {
                console.log("user confirmed");
            } else {
                console.log("user declined");
            }
        });
    });
});

.