Mogę znaleźć tylko funkcję confirm()
, która daje przyciski OK/Cancel. Czy istnieje sposób na przyznanie przycisków Tak/Nie?Kod, aby zapytać tak/nie pytanie w javascript
Odpowiedz
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.
nr
Zamiast tego można użyć w modalnej przeglądarka popup.
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.
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.
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>
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>
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>
- 1. JavaScript Zakres pytanie
- 2. Odkomentuj kod JavaScript, aby ponownie go odczytać.
- 3. zwykły kod JavaScript, aby podświetlić element HTML
- 4. JavaScript pytanie: Onbeforeunload lub Onunload?
- 5. Całkowicie podstawowe odniesienie Javascript pytanie
- 6. Jak wymusić kod EF Najpierw zapytać bazę danych?
- 7. Odwróć Uglified Kod JavaScript Kod
- 8. Jak uruchomić kod, który napisałem w JavaScript?
- 9. Jak wyizolować mój kod javascript, aby zapobiec kolizjom?
- 10. Trzy kropki w javascript kod
- 11. Pytanie konstruktora szyny Pytanie
- 12. Pytanie C/C++ Pytanie
- 13. Jak 'Minify' kod Javascript
- 14. Pociągnij, aby odświeżyć JavaScript
- 15. dlaczego kod JavaScript javascript api nie działa w dokumencie jquery?
- 16. SQL Bieżący miesiąc/rok pytanie
- 17. jak zapytać wielu do wielu?
- 18. Programowanie ACM Pytanie
- 19. Kod JavaScript do usunięcia obrazu
- 20. kod Pythona, aby porównać obrazy w python
- 21. Czyszczenie niektórych śmieszne kod JavaScript
- 22. Not Equal Aby notacji JavaScript, aby korzystać w jQuery
- 23. Powiązanie „SCR” + „IPT” w javascript bookmarklet kod
- 24. Jak umieścić kod JavaScript w dokumencie PDF?
- 25. można napisać kod brzytwy w javascript?
- 26. Jak uczynić kod javascript łatwym w utrzymaniu
- 27. Oczyść powtarzający się kod JavaScript
- 28. Jak szybko przetestować kod javascript?
- 29. Wstaw kod Unicode do JavaScript
- 30. Jak napisać kod śledzenia javascript?