Code zu fragen Ja/Nein Frage in Javascript


17

Ich konnte nur die Funktion confirm() finden, die OK/Cancel-Tasten gibt. Gibt es eine Möglichkeit, Ja/Nein-Tasten zu geben?

6

Javascript bietet 3 Modal-Boxen. Aufforderung, bestätigen und warnen. Keine davon erfüllt Ihre Anfrage.

Es gibt eine Fülle von js modalen Popup-Lösungen. Hier ist ein Beispiel.


2

Nr

Stattdessen könnten Sie ein in Browser modalen Popup verwenden.


1

Nein, aber es gibt JavaScript-Bibliotheken, die dies für Sie erreichen können. Nur als ein Beispiel kann Ext JS verwendet werden, um eine message box dialog zu erstellen.


2

Wie alle anderen oben erwähnten, sind Sie mit OK/Cancel mit confirm() festgefahren.

Ich möchte dieses jQuery Plugin jedoch empfehlen: jqModal. Ich habe es bei 3 aktuellen Projekten verwendet und es hat für jeden gut funktioniert. Überprüfen Sie speziell dieses Beispiel:

6). SPASS! Überschreibungen - a. anzeigen (Alarm), b. view (confirm) Es ist nun an der Zeit, eine reale Anwendung für jqModal - zu zeigen, die die standard alert() und Bestätigungsdialoge außer Kraft setzt! Hinweis; aufgrund der Single-Thread-Natur von Javascript, die Confirm() -Funktion muss ein Rückruf übergeben werden - es gibt nicht zurück wahr/falsch.


0

Ich bin ein Fan von jQuery UI Dialog für diese Art von 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> 

0

Verwenden Dialogfeld anzuzeigen, 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> 

1

i sweetalert https://sweetalert.js.org/guides/ verwenden würde so etwas wie dieses

swal("Are you sure you want to do this?", { 
 
    buttons: ["yes", "no"], 
 
});
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
zu erreichen