Code zu Fragen, ja - /Nein-Frage in javascript

Question

Ich konnte nur die Funktion confirm() das gibt OK/Abbrechen-Schaltflächen.Gibt es eine Möglichkeit zu geben, ja/Nein-Tasten?

Answer 1

Javascript bietet 3 -, modal-Boxen. prompt, confirm und alert.Keiner von denen erfüllen Ihre Anforderung.

Es gibt eine fülle von js modal popup Lösungen.Hier ist ein Beispiel.

• ModalBox

Answer 2

Nein.

Stattdessen könnten Sie ein in-browser-modal popup.

Answer 3

Wie alle anderen oben sagt, Sie stecken mit OK/Abbrechen mit confirm().

Ich möchte empfehlen, diese jQuery plugin zwar: jqModal.Ich habe es auf 3 aktuelle Projekte und es hat funktioniert großartig für jeden.Speziell schauen Sie sich dieses Beispiel an:

6).SPAß!Überschreibt -- eine.anzeigen (Alarm), b.Ansicht (bestätigen), ist Es jetzt an der Zeit zu zeigen Sie ein real-world-Anwendungen für jqModal -- überschreiben der standard-alert() und bestätigen Sie Dialoge!Hinweis;aufgrund der single threaded Natur von javascript -, die confirm () - Funktion übergeben werden muss eine callback-es kommt NICHT zurück true/false.

Answer 4

Nein, aber es gibt JavaScript-Bibliotheken, die diese Aufgabe für Sie.Nur als Beispiel, Ext JS kann verwendet werden, zu erstellen Sie ein message box dialog.

Answer 5

Ich bin ein fan von jQuery UI Dialog für diese Art der Sache.Hier ist ein Beispiel...

<script>
  $(function() {
    $( "#dialog-confirm" ).dialog({
      resizable: false,
      height:140,
      modal: true,
      buttons: {
        "Yes": function() {
          $( this ).dialog( "close" );
          alert("You chose Yes!");
        },
        "No": function() {
          $( this ).dialog( "close" );
          alert("You chose No!");
        }
      }
    });
  });
  </script>

<div id="dialog-confirm" title="Are you sure you want to continue?">
  <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p>
</div>

Answer 6

ich würde sweetalert https://sweetalert.js.org/guides/ um etwas zu erreichen, wie dies

swal("Are you sure you want to do this?", {
  buttons: ["yes", "no"],
});

<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>

Answer 7

Verwenden Sie das Dialogfeld, um die Anzeige ja oder Nein

           <div id="dialog_box" class="mnk-modal-bg" style="display:none">
              <div id="dbg" class="mnk-modal-box">
                <i class="uk-icon-exclamation-triangle"  style="color:#757575; padding-right:5px;">
                </i>Confirm?
                <div class="uk-text-center" style="margin-top:10px;">
                    <button class="md-btn md-btn-small md-btn-primary" id="ok_btn">
                        <i class="uk-icon-save" style="padding-right:3px;"></i>OK
                    </button>
                    <button class="md-btn md-btn-small md-btn-danger" id="close_btn">
                        <i class="uk-icon-remove" style="padding-right:3px;"></i>Cancel
                    </button>
                </div>
            </div>

<script>
    $("#ok_btn").click(function(){
        alert("OK");
        $("#dialog_box").hide();
    });
    $("#close_btn").click(function(){
       alert("CANCEL");
       $("#dialog_box").hide();
    });
</script>