Code pour poser une question oui/non en javascript

StackOverflow https://stackoverflow.com/questions/19280

  •  09-06-2019
  •  | 
  •  

Question

Je n'ai trouvé que la fonction confirm() qui donne les boutons OK/Annuler.Existe-t-il un moyen de donner des boutons Oui/Non ?

Était-ce utile?

La solution

Javascript propose 3 boîtes modales. prompt, confirm et alert.Aucun de ceux-ci ne satisfait votre demande.

Il existe une multitude de solutions contextuelles modales js.Voici un exemple.

Autres conseils

Non.

Au lieu de cela, vous pouvez utiliser une fenêtre contextuelle modale dans le navigateur.

Comme tout le monde le dit ci-dessus, vous êtes coincé avec OK/Annuler en utilisant confirm().

Je voudrais recommander ceci jQuery plugin cependant : jqModal.Je l'ai utilisé sur 3 projets récents et cela a très bien fonctionné pour chacun d'entre eux.Consultez spécifiquement cet exemple :

6).AMUSANT!Remplacements -- a.vue (alerte), b.Afficher (confirmer) Il est maintenant temps d'afficher une utilisation réelle pour JQModal - remplacer la boîte de dialogue Alert () standard et confirmer!Note;En raison de la nature filetée unique de JavaScript, la fonction confirm () doit être transmise un rappel - il ne renvoie pas vrai / faux.

Non, mais il existe des bibliothèques JavaScript qui peuvent accomplir cela pour vous.Juste à titre d'exemple, Externe JS peut être utilisé pour créer un boîte de dialogue de boîte de message.

je suis fan de Boîte de dialogue de l'interface utilisateur jQuery pour ce genre de chose.Voici un échantillon...

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

j'utiliserais sweetalert https://sweetalert.js.org/guides/ pour réaliser quelque chose comme ça 

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

Utiliser la boîte de dialogue pour afficher oui ou non

           <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>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top