Question

function btnSelete_Click() {
    var strconfirm = confirm("Are you sure you want to delete?");
    if (strconfirm == true) {
        return true;
    }
}

<asp:Button ID="btnSelect" runat="server" Text="Select" Onclientclick="return btnSelete_Click();" CssClass="cssbutton" />

如何在Javascript中创建是/否/取消警告框而不是ok / cancel警告框？

Answer 1

为了解决类似情况，我遇到了this示例和adapted它。 Nikhil D建议使用JQUERY UI Dialog。以下是代码：

HTML：

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/smoothness/jquery-ui.css" rel="stylesheet"/>
<input type="button" id="box" value="Confirm the thing?" />
<div id="dialog-confirm"></div>

JavaScript的：

$('#box').click(function buttonAction() {
  $("#dialog-confirm").html("Do you want to do the thing?");

  // Define the Dialog and its properties.
  $("#dialog-confirm").dialog({
    resizable: false,
    modal: true,
    title: "Do the thing?",
    height: 250,
    width: 400,
    buttons: {
      "Yes": function() {
        $(this).dialog('close');
        alert("Yes, do the thing");
      },
      "No": function() {
        $(this).dialog('close');
        alert("Nope, don't do the thing");
      }
    }
  });
});

$('#box').click(buttonAction);

我需要做一些调整才能使这个示例适用于我的应用程序。如果我认为它适合答案，将更新此。希望这有助于某人。

Answer 2

您不能使用原生confirm()，因为它是浏览器的方法。

您必须为确认框创建一个插件（或尝试由其他人创建的插件）。而且它们通常看起来也更好。

其他提示：将您的英语句子改为

真的，删除这件事？

Answer 3

您可以使用jQuery UI Dialog。

这些库创建的HTML元素外观和行为就像一个对话框，允许您在对话框中放置任何您想要的内容（包括表单元素或视频）。

Answer 4

Javascript中的“确认”会停止整个过程，直到它的按钮上出现鼠标响应。如果您正在寻找，那么您可以参考jquery-ui，但如果您在接收响应时没有在您的流程后面运行，并且您以编程方式控制流程，请查看此内容。您必须自己对所有内容进行硬编码，但您必须完全掌握自定义。 https://www.w3schools.com/howto/howto_css_modals.asp

Answer 5

我将尝试用jQuery解决方案，肯定它应该给出一个很好的结果。当然你必须加载jQuery ... 弹出这样的东西怎么样？当然这取决于用户授权弹出窗口。

<html>
    <head>
    <script language="javascript">
    var ret;
    function returnfunction()
    {
        alert(ret);
    }
    </script>
</head>
    <body>
        <form>
            <label id="QuestionToAsk" name="QuestionToAsk">Here is talked.</label><br />
            <input type="button" value="Yes" name="yes" onClick="ret=true;returnfunction()" />
            <input type="button" value="No" onClick="ret=false;returnfunction()" />
        </form>
    </body>
</html>

Answer 6

构建了一个类似于确认的微型js，是/否对话框。
https://www.npmjs.com/package/yesno-dialog

使javascript警报是/否而不是确定/取消

6 个答案: