javascript ऑपर जावास्क्रिप्ट में हां/कोई सवाल पूछने के लिए कोड




हिंदी में जावास्क्रिप्ट परिचय (6)

मुझे फ़ंक्शन की confirm() मिल सकती है जो कि ठीक / रद्द करें बटन देता है क्या हाँ / नहीं बटन देने का कोई तरीका है?


नहीं।

इसके बजाय आप ब्राउज़र मोडल पॉपअप का उपयोग कर सकते हैं।



मैं इस प्रकार की चीज़ के लिए jQuery UI संवाद का प्रशंसक हूं यहाँ एक नमूना है ...

<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>

हाँ या नहीं प्रदर्शित करने के लिए डायलॉग बॉक्स का उपयोग करें

           <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>

इस तरह से कुछ हासिल करने के लिए मैं मीटरलर्ट 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>


जावास्क्रिप्ट 3 मोडल बक्से प्रदान करता है। शीघ्र, पुष्टि और सतर्क उनमें से कोई भी आपका अनुरोध संतुष्ट नहीं करता है

वहाँ जेएस मोडल पॉपअप समाधान के एक बहुतायत है। यहाँ एक उदाहरण है





javascript