如何在jquery中显示带复选框的警告框

Question

我知道如何在jquery中显示警告（或类似的东西）框但是如何在警报框中插入自定义控件。我想在用户选中复选框时进行数据库调用。

我尝试使用以下内容但没有使用，因为它仅用于文本：

var name = window.prompt("prompt goes here", "text");

但我想添加复选框。

Answer 1

在jQuery中，你可以这样做：

var customDialog = function (options) {
        $('<div></div>').appendTo('body')
                        .html('<input type="checkbox" id="myCheckBox" />Test Checkbox<div style="margin-top: 15px; font-weight: bold;">' + options.message + '</div>')
                        .dialog({
                            modal: true,
                            title: options.title || 'Alert Message', zIndex: 10000, autoOpen: true,
                            width: 'auto', resizable: false,
                            buttons: {
                                Ok: function () {
                                    $(this).dialog("close");
                                },
                            },
                            close: function (event, ui) {
                                $(this).remove();
                            }
                        });
};

并将其称为：

customDialog({message: 'Test Message'});

正如您在上面的代码中所注意到的，您可以在jQuery的html方法中添加任何自定义html。这里opetions是一个javascript对象文字。在上面的示例中，它具有两个已知属性，即message和title，您可以在调用时传递这些属性。您可以随意自定义它。

更新：创建jsfiddle供您参考。