javascript确认对话框中的自定义选项

Question

如何使用自定义选项在javascript中编写确认对话框？

而不仅仅是“Ok”和“取消”，我希望例如“This”和“This”。 ＆QUOT;也就是说＆QUOT;和“其他”。

Answer 1

简而言之，你不能。

您可能需要考虑使用类似 jQuery UI对话框的内容。

Answer 2

您可以使用以下方式询问用户答案：

var userChoice = prompt("Question");

您可以循环该句子，直到用户在有效句子中输入答案。

Answer 3

你做不到。 使用一些javascript UI（jQuery UI，YUI，Mootools）库并模仿你需要的对话框。

Answer 4

// custom Confirm builder
function OnConfirm(text, func) {

    var _confirm = $('<div/>').addClass('confirm');
    _confirm.append($('<h2/>').text(text));

    _confirm.append('<br/><br/>');

    var _btnCancel = $('<input/>').attr('type', 'button').val('cancel')
        .bind('click', function () {
            $(this).parent('.confirm').hide();
            func(false);
        });

    var _btnApply = $('<input/>').attr('type', 'button').val('OK')
        .bind('click', function () {
            $(this).parent('.confirm').hide();
            func(true);
        });

    _confirm.append(_btnCancel);
    _confirm.append(_btnApply);
    $('body').append(_confirm);
}

$(function () { // documen.loaded
    $('#testLink').click(function (e) {
        e.preventDefault(); ;
        var _href = $(this).attr('href');
        var _title = $(this).attr('title');
        // call custom confirm function with callback function
        OnConfirm(_title, function (_isContinue) {               
                if (_isContinue) {
                    location.href = _href;
                }
            }
        );
    });
});