質問

私は3つのボタンを持つ単純な形式を持っています。自分のクリックで、私はbootbox.confirm()を使用して自分のアクションを確認したいです。確認ボックスに表示するには、次の手順を実行します。どうやってこれを達成できますか?

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>
.

これは(すべてのボタン上のクラスを含む)正しい方法であるか、またはそのフォームを選択する必要がありますか? 確認ボックスとログが正しく取得されますが、成功すると送信方法がわかりません。また、私はメッセージに選択された値を置く方法を知りません。

役に立ちましたか?

解決

これを理解することができましたが、ここにいないのであればあなたが行方不明になっていたのはすべてです。 また、このフローは非同期であるため、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");
            }
        });
    });
});
.

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top