javascript弹出窗口中增加确定取消按钮
更新时间：2016年06月24日 08:53:35 作者：越野小生
本文给大家分享的是在ECShop的项目中使用到的一个小功能，使用JavaScript实现弹出窗口中增加确定取消按钮，有需要的小伙伴可以参考下
比例a标签点击后,弹出带确定与取消的窗口,点击确定则执行一个动作,否则不执行.
首先我们用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用来判断是否多次投票,如果再投票,则执行 js函数vote_this(),扣积分.
如果后台发现会员是初次投票.则直接执行,不需要扣积分,自然也不需要提醒了.
上面的方法可简单的总结为
使用JS的Confirm弹出
例：用确认对话框使用户做出决定
<script>
like=window.confirm("你觉得好吗?");
if(like==true)
document.write("谢谢你的夸奖");//确定
else
document.write("希望得到你的夸奖");//取消
</script>
是不是非常的简单呢，希望本文能够帮到大家
您可能感兴趣的文章:
相关文章
如何禁止拷贝网页内容，想维护下自己的版权，下面有个不错的方法，大家可以学习下2014-01-01
这篇文章主要介绍了微信小程序淘宝首页双排图片布局排版代码,本文通过图文实例相结合给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2020-10-10
这篇文章主要介绍了JavaScript解析机制与闭包原理,结合实例形式详细分析了javascript解析机制相关概念、功能、用法以及闭包的原理、定义、使用方法,需要的朋友可以参考下2019-03-03
轮播停留与无线滚动十分类似，都是利用属性及变量控制移动实现轮播。下面通过本文给大家分享JavaScript轮播停留效果的实现思路，感兴趣的朋友一起看看吧2018-05-05
js 对象是否存在，然后进行下一步的操作。2009-07-07
这篇文章主要为大家详细介绍了微信小程序实现登录遮罩效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-11-11
随着Web应用的日益普及,图片的处理和优化已经成为现代开发的关键部分,本文主要介绍了如何利用Canvas技术,将图片进行压缩,并将其转换为Base64格式,感兴趣的小伙伴可以学习下2023-10-10
这篇文章主要介绍了javascript 网页进度条简单实例的相关资料,需要的朋友可以参考下2017-02-02
这篇文章主要给大家介绍了关于ES6入门教程之变量的解构赋值的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用ES6具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-04-04
事件委托应用在很多开发场景之中,但是很多同学对委托的原理、特别是对JS原生实现委托不太了解,下面这篇文章主要给大家介绍了关于js事件流、事件委托与事件阶段的相关资料,需要的朋友可以参考下2022-02-02
最新评论