JavaScript 弹出窗口中增加确定取消按钮

作者:异步漫步

时间:2026-10-30

浏览:321

本文介绍如何在网页中通过 JavaScript 的 Confirm 方法实现带有确定与取消按钮的弹出窗口。结合 ECShop 模板示例,演示如何根据用户投票状态调用 confirm 对话框,并在用户确认时执行特定的 AJAX 操作,如扣除积分。

文章目录

JavaScript Confirm 确认对话框实现确定取消功能

点击比例a标签后,会弹出一个包含确定与取消按钮的窗口。若用户点击确定,则执行指定动作;若点击取消,则不执行任何操作。

以下以 ECShop 模板为例进行说明。

ECShop 模板中的投票确认示例


{if $votings eq 1} 
 <a href="javascript:;"
 onclick="if (confirm('多次投票将扣除100个积分,您确定投票吗?')) 
{vote_this({$item.id},{$item.cat_id});}else{return false;}"

 id="supportme15" >&nbsp;</a>

 {else}
 
 <a href="javascript:;"
 onclick="vote_this({$item.id},{$item.cat_id})"

 id="supportme15" >&nbsp;</a>
 {/if}


<script type="text/javascript">
function vote_this(voting_id,cat_id)
{
 $.post("voting_ajax.php",
 {cat_id:cat_id,voting_id:voting_id},
 function(data){
 alert(data.message);
 window.location.reload();
 },"json");
}
</script>

$votings 变量用于判断用户是否已进行过多次投票。如果检测到是重复投票,则调用 JavaScript 函数 vote_this(),并执行扣除积分的操作。

若后台判断该会员为首次投票,则直接执行相关逻辑,无需扣除积分,因此也不需要弹出确认提醒。

上述方法可简单总结为利用条件判断来决定是否触发确认对话框。

使用 JS 的 Confirm 弹出窗口功能。

示例:利用确认对话框让用户做出决定。


<script>
  like=window.confirm("你觉得好吗?");
  if(like==true)
    document.write("谢谢你的夸奖");//确定
  else
    document.write("希望得到你的夸奖");//取消
</script>

实现过程非常简洁,希望本文内容能对大家有所帮助。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章