Mã để hỏi có/không có câu hỏi trong javascript


17

Tôi chỉ có thể tìm thấy hàm confirm() cung cấp các nút OK/Hủy. Có cách nào để cung cấp nút Có/Không?

6

Javascript cung cấp 3 hộp phương thức. Nhắc, xác nhận và cảnh báo. Không ai đáp ứng yêu cầu của bạn.

Có rất nhiều giải pháp bật lên theo kiểu js. Đây là một ví dụ.


2

No.

Thay vào đó bạn có thể sử dụng trong cửa sổ bật lên của trình duyệt.


1

Không, nhưng có những thư viện JavaScript có thể thực hiện điều này cho bạn. Ví dụ: Ext JS có thể được sử dụng để tạo một message box dialog.


2

Giống như những người khác nói trên, bạn bị kẹt với OK/Hủy sử dụng confirm().

Tôi muốn giới thiệu plugin này jQuery mặc dù: jqModal. Tôi đã sử dụng nó trên 3 dự án gần đây và nó đã làm việc rất tốt cho mỗi dự án. Cụ thể, hãy xem ví dụ này:

6). VUI VẺ! Ghi đè - a. xem (cảnh báo), b. xem (xác nhận) Bây giờ là lúc để hiển thị việc sử dụng trong thế giới thực cho jqModal - ghi đè cảnh báo chuẩn() và xác nhận hộp thoại! Chú thích; do tính chất luồng đơn lẻ của javascript, chức năng xác nhận() phải được thông qua một cuộc gọi lại - nó KHÔNG trả lại đúng/sai.


0

Tôi là người hâm mộ của jQuery UI Dialog cho loại điều này. Dưới đây là một ví dụ ... hộp thoại

<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ử dụng để hiển thị có hoặc không

  <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

tôi sẽ sử dụng sweetalert https://sweetalert.js.org/guides/ để đạt được một cái gì đó như thế này

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