Kod, aby zapytać tak/nie pytanie w javascript


17

Mogę znaleźć tylko funkcję confirm(), która daje przyciski OK/Cancel. Czy istnieje sposób na przyznanie przycisków Tak/Nie?

6

Javascript oferuje 3 skrzynki modalne. Pytaj, potwierdź i ostrzeż. Żadne z nich nie spełnia Twoich wymagań.

Istnieje mnóstwo js modalnych rozwiązań popup. Oto przykład.


2

nr

Zamiast tego można użyć w modalnej przeglądarka popup.


1

Nie, ale istnieją biblioteki JavaScript, które mogą osiągnąć to za Ciebie. Przykładowo można użyć Ext JS do utworzenia message box dialog.


2

Podobnie jak wszyscy inni powyżej, utknąłeś z OK/Anuluj przy użyciu confirm().

Chciałbym jednak polecić tę wtyczkę jQuery: jqModal. Użyłem go w 3 ostatnich projektach i sprawdził się w każdym z nich. W szczególności sprawdź ten przykład:

6). ZABAWA! Zastąpienia - a. widok (alert), b. view (confirm) Nadszedł czas, aby pokazać rzeczywiste zastosowanie jqModal - zastępując standardowe alarmy() i potwierdzić dialogi! Uwaga; z powodu pojedynczej natury javascript , funkcja confirm() musi zostać przekazana wywołania zwrotnego - NIE zwraca ona true/false.


0

Jestem fanem jQuery UI Dialog za tego typu rzeczy. Oto próbka ... okno

<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

Służy do wyświetlania tak lub nie

  <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

chciałbym używać sweetalert https://sweetalert.js.org/guides/ osiągnąć coś takiego

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