JavaScript 弹出窗口中增加确定取消按钮
作者:异步漫步时间:2026-10-30 09:37:49浏览:322
本文介绍如何在网页中通过 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" > </a>
{else}
<a href="javascript:;"
onclick="vote_this({$item.id},{$item.cat_id})"
id="supportme15" > </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>
实现过程非常简洁,希望本文内容能对大家有所帮助。
作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
