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


Posted in Javascript onJune 24, 2016

比例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>

是不是非常的简单呢,希望本文能够帮到大家

Javascript 相关文章推荐
jQuery中on()方法用法实例
Jan 19 Javascript
理解javascript正则表达式
Mar 08 Javascript
原生JS实现旋转木马式图片轮播插件
Apr 25 Javascript
第四篇Bootstrap网格系统偏移列和嵌套列
Jun 21 Javascript
AngularJs Managing Service Dependencies详解
Sep 02 Javascript
Vue.js 2.0 和 React、Augular等其他前端框架大比拼
Oct 08 Javascript
vue-cli项目中使用公用的提示弹层tips或加载loading组件实例详解
May 28 Javascript
深入理解JavaScript的async/await
Aug 05 Javascript
webpack4 处理CSS的方法示例
Sep 03 Javascript
微信小程序自定义导航栏(模板化)
Nov 15 Javascript
微信小程序用canvas画图并分享
Mar 09 Javascript
Vue自定义组件双向绑定实现原理及方法详解
Sep 03 Javascript
javascript类型系统_正则表达式RegExp类型详解
Jun 24 #Javascript
JQuery DIV 动态隐藏和显示的方法
Jun 23 #Javascript
微信QQ的二维码登录原理js代码解析
Jun 23 #Javascript
再次谈论Javascript中的this
Jun 23 #Javascript
BootStrap使用popover插件实现鼠标经过显示并保持显示框
Jun 23 #Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
Jun 23 #Javascript
Bootstrap弹出带合法性检查的登录框实例代码【推荐】
Jun 23 #Javascript
You might like
PHP连接数据库实现注册页面的增删改查操作
2016/03/27 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
Yii输入正确验证码却验证失败的解决方法
2017/06/06 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
Javascript代码混淆综合解决方案-Javascript在线混淆器
2006/12/18 Javascript
Javascript中正则表达式的全局匹配模式分析
2011/04/26 Javascript
Javascript中的this绑定介绍
2011/09/22 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
2013/08/13 Javascript
JS通过相同的name进行表格求和代码
2013/08/18 Javascript
JS打开新窗口防止被浏览器阻止的方法
2015/01/03 Javascript
浅析Javascript匿名函数与自执行函数
2016/02/06 Javascript
Angularjs处理页面闪烁的解决方法
2017/03/09 Javascript
JavaScript基础之this详解
2017/06/04 Javascript
cordova入门基础教程及使用中遇到的一些问题总结
2017/11/14 Javascript
nodejs基于mssql模块连接sqlserver数据库的简单封装操作示例
2018/01/05 NodeJs
vue项目中公用footer组件底部位置的适配问题
2018/05/10 Javascript
Bootstrap-table使用footerFormatter做统计列功能
2018/09/07 Javascript
浅谈vue引用静态资源需要注意的事项
2018/09/28 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
深入浅析nuxt.js基于ssh的vue通用框架
2019/05/21 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
Nodejs文件上传、监听上传进度的代码
2020/03/27 NodeJs
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
微信小程序反编译的实现
2020/12/10 Javascript
python3生成随机数实例
2014/10/20 Python
numpy向空的二维数组中添加元素的方法
2018/11/01 Python
python对接ihuyi实现短信验证码发送
2020/05/10 Python
美国最大的袜子制造商和零售商:Renfro Socks
2017/09/03 全球购物
英国领先的在线高尔夫商店:Scottsdale Golf
2019/08/26 全球购物
家得宝墨西哥官网:The Home Depot墨西哥
2019/11/18 全球购物
年度考核自我鉴定
2013/11/09 职场文书
数据员岗位职责
2013/11/19 职场文书
服务之星获奖感言
2014/01/21 职场文书
重阳节登山活动方案
2014/02/03 职场文书
社区精神文明建设汇报材料
2014/08/17 职场文书
Go遍历struct,map,slice的实现
2021/06/13 Golang