本文介绍如何在网页中通过 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>
实现过程非常简洁,希望本文内容能对大家有所帮助。