带有按钮“是”“否”的确认框，没有 jquery 和 VBscript [重复]答案

【问题标题】：Confirm box with button "yes" "no" without jquery and VBscript [duplicate]带有按钮“是”“否”的确认框，没有 jquery 和 VBscript [重复]
【发布时间】：2012-05-20 22:57:29
【问题描述】：

可能重复：
Javascript Confirm popup Yes, No button instead of OK and Cancel

请有人帮我在不使用 jquery 或 VB.Script 的情况下使用“是”和“否”按钮制作一个确认框。我搜索了很多，但我用 jquery 得到了所有答案，但这不是我的要求。

我必须从确认框函数中调用另一个函数。我在下面使用的代码

HTML

<a href="#" onlick="show_confirm('<?php echo $cat_id; ?>')">Delete</a>

还有 Javascript

<script type="text/javascript">
function show_confirm(cat_id)
{
  var conf = confirm("Are you sure you want to delete the file");
  if (conf ==true)
  {
    deleteCatagory(cat_id);
  }
}

function deleteCatagory(cat_id)
{
  var obj = document.getElementById("file_"+cat_id);
  callAjax(cat_id,obj);
}
</script>

【问题讨论】：

那么你现有的代码有什么问题？
@SalmanA 确切地说 - 也许问题是 confirm() 使用 ok/cancel 而提问者想要是/否..？
是的，我想要是/否，而不是没有 Jquery 的确定/取消。
我已经看到了，但他们建议我不想要的 jquery 或 VB 脚本，因为我有一些跨浏览器支持
我不知道这些人是如何关闭它的。海报中提到的没有 VB 脚本和 jquery。但建议的重复问题已通过 jquery 或 vbscript 解决。

标签： php javascript ajax

【解决方案1】：

您需要自己创建它，这个：http://dev.sencha.com/deploy/ext-4.0.0/examples/message-box/msg-box.html 似乎有办法做到这一点，但这是来自 5 分钟的谷歌搜索。其他人建议使用 div 来做，这是我个人的喜好。

【讨论】：

我不要我在标题中提到的jquery
谁说过 jQuery...

【解决方案2】：

非常简单。您必须自定义编码一个带有“是”和“否”按钮的 HTML 框。 Yes 按钮执行代码并隐藏框，No 按钮只是隐藏框。像这样简单的事情：

HTML

<div id="confirmation">
Are you sure you want to delete the category?<br>
<input type="button" onclick="deleteCategory(document.getElementById('catID').value);this.parentNode.style.display='none';" value="Yes">
<input type="button" onclick="this.parentNode.style.display='none';" value="No">
<input type="hidden" id="catID" value="0">
</div>

CSS

<style type="text/css">
<!--
#confirmation {
display: none;
position: absolute;
top: 50%;
left: 50%;
background-color: white;
border: 2px solid white;
padding: 3px;
text-align: center;
width: 200px;
height: 50px;
}
</style>

更新show_confirm():

function show_confirm(catID) {
    document.getElementById('catID').value=catID;
    document.getElementById('confirmation').style.display='block';
}

【讨论】：

【解决方案3】：

如果您对确认框为您提供的“确定”或“取消”选项感到满意，您只需更正通话中的拼写错误。我会这样做

<a href="JavaScript:void(0);" onclick="show_confirm('<?php echo $cat_id; ?>');">Delete</a>

但是，如果您想更改默认文本，那么默认的confirm 弹出窗口就不走运了。你必须想出一个基于 html 的“弹出窗口”。

【讨论】：

他询问如何制作带有“是”和“否”选项的确认框。而你给他关于其他事情的不同建议
你是对的。我只是指出他提供的代码中的错误