Код для ответа «да/нет» в javascript


17

Я мог найти только функцию confirm(), которая дает кнопки ОК/Отмена. Есть ли способ дать кнопки «Да/Нет»?

6

Javascript предлагает 3 модальных бокса. Подскажите, подтвердите и оповещайте. Никто из них не удовлетворит ваш запрос.

Существует множество модальных всплывающих решений js. Вот пример.


2

No.

Вместо этого вы могли бы использовать в браузере модального всплывающего окна.


1

Нет, но есть JavaScript библиотеки, которые могут выполнить эту задачу для вас. Как пример, Ext JS можно использовать для создания message box dialog.


2

Как и все выше сказанное, вы застряли с OK/Cancel, используя confirm().

Я бы рекомендовал этот jQuery плагин: jqModal. Я использовал его в 3 последних проектах, и он отлично поработал для каждого. В частности, ознакомьтесь с этим примером:

6). ВЕСЕЛО! Переопределения - a. view (alert), b. view (confirm) Теперь настало время для показать реальное использование для jqModal - переопределение стандартных предупреждений() и подтвердить диалоги! Заметка; из-за однопоточный характер javascript, функция подтверждения() должна быть передана обратный вызов - он НЕ возвращает true/false.


0

Я фанат jQuery UI Dialog для такого рода вещей. Вот пример ... диалоговое окно

<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

Используйте для отображения да или нет

  <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

я хотел бы использовать sweetalert https://sweetalert.js.org/guides/, чтобы добиться чего-то вроде этого

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