在jQuery确认框上添加“是”和“否”按钮

Question

我想在确认框中使用"Yes"和"No"按钮，但不使用jQuery UI对话框。有没有办法实现？

- Sachin J

Answer 1

jQuery UI对话框是一款非常灵活和强大的工具。以下是一个示例，演示如何询问用户是否要删除某个东西：

<div id="dialog_box" style="display: none;">
    Really delete?
</div>
<button class="delete_btn">Delete</button>

<script>
$('.delete_btn').click(function(){
$('#dialog_box').dialog({
  title: 'Really delete this stuff?',
  width: 500,
  height: 200,
  modal: true,
  resizable: false,
  draggable: false,
  buttons: [{
  text: 'Yep, delete it!',
  click: function(){
      //delete it
    }
  },
  {
  text: 'Nope, my bad!',
  click: function() {
      $(this).dialog('close');
    }
  }]
});
});

</script>

//编辑：

很抱歉，从您的问题中并不十分清楚您不想使用jQuery对话框（但是为什么要给问题打上jquery/jquery-ui标签呢？）。

据我所知，没有其他方法可以实现您想要做的事情。另外，请记住，本地化因素和浏览器语言也会影响本机JavaScript对话框框的文本。因此，随意更改可能并不总是一个好主意。

- Quasdunk

Answer 2

好的，是和不是（无恶意）。你可以使用以下内容：

if (confirm("Would you like an alert?")) {
    alert("Here you go!");
}

confirm函数会在用户点击"确定"时返回true，在点击"取消"时返回false。这是纯JavaScript（DOM level 0），所以所有浏览器都支持此功能。

然而，据我所知，没有办法自定义按钮的标签。所以你只能使用默认标签（如果设置为英语，则大多数浏览器上是"取消"和"确定"）。

- Peter-Paul van Gemerden

Answer 3

不，你不能更改Javascript的标准确认框按钮。

我建议您使用Jquery UI对话框。

- Chuck Norris

Answer 4

你可以在IE中实现，但是其他浏览器不支持：JavaScript确认弹出窗口，将“确定”和“取消”按钮替换为“是”和“否”

<script language="javascript">
    function window.confirm(str) {
        execScript('n = msgbox("' + str + '","4132")', "vbscript");
        return (n == 6);
    }
</script>

如果你不想使用jQueryUI，但想到一个插件 - 可以尝试http://www.abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/#demo（也在相关回答中提到）。

- BartekR

Answer 5

你无法更改确认框文本，但可以创建自己的确认框。

参见此处示例：在确认框中显示“是”和“否”按钮而不是“确定”和“取消”？ 我认为你会对定制确认框有所了解。

- nageen nayak