JavaScript中的确认模态对话框

Question

在JavaScript中，是否有可能获得具有“是”、“否”选项的确认对话框，而不是“确定”、“取消”？

- chetan

---

使用这样的对话框来进行网页操作会很烦人 :) - mykhal

@mykhal 不一定。例如在 Web 应用程序中或填写表单时，它们会非常好。 - Pekka

Answer 1

不使用浏览器原生函数是不行的。你需要使用自定义对话框类，比如 jQuery dialog。

- Pekka

---

请注意，这可能会在某些情况下对某些浏览器（例如屏幕阅读器）造成可访问性问题。 - Vivian River

Answer 2

默认的确认框是内置在浏览器中的。但是您可以借助像jQuery UI Dialog或BlockUI这样的插件来使用模态对话框。

- Kris van der Mast

Answer 3

不使用原始的 confirm 函数，你需要使用自定义对话框。幸运的是，有很多好的可用选择，可以尝试一下 jQuery 及其插件。

- Mike Sherov

Answer 4

$('<div></div>').appendTo('body')
                    .html('<div><h6>Are you sure?</h6></div>')
                    .dialog({
                        modal: true, title: 'Delete message', zIndex: 10000, autoOpen: true,
                        width: 'auto', resizable: false,
                        buttons: {
                            Yes: function () {
                                // $(obj).removeAttr('onclick');                                
                                // $(obj).parents('.Parent').remove();

                                $(this).dialog("close");
                            },
                            No: function () {
                                $(this).dialog("close");
                            }
                        },
                        close: function (event, ui) {
                            $(this).remove();
                        }
                    });

对于演示：

- Thulasiram