jQuery实现购物车物品数量的加减并自动计算价格
来源:互联网 发布:淘宝网掌柜热卖 编辑:程序博客网 时间:2024/04/29 07:13
http://www.csrcode.cn/article-3478-1.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery实现购物车物品数量的加减并自动计算价格丨芯晴网页特效丨CsrCode.Cn</title>
<script type="text/javascript" src="/images/jquery-1.6.2.min.js"></script>
<script>
$(function(){
var t = $("#text_box");
$("#add").click(function(){
t.val(parseInt(t.val())+1)
setTotal();
})
$("#min").click(function(){
t.val(parseInt(t.val())-1)
setTotal();
})
function setTotal(){
$("#total").html((parseInt(t.val())*3.95).toFixed(2));
}
setTotal();
})
</script>
</head>
<body>
<p>单价:3.95</p>
<input id="min" name="" type="button" value="-" />
<input id="text_box" name="" type="text" value="4" />
<input id="add" name="" type="button" value="+" />
<p>总价:<label id="total"></label></p>
</body>
</html>
<br>第一次运行本代码,请刷新一下本页面先~~<br>所需js文件:<a href="/images/jquery-1.6.2.min.js">jquery-1.6.2.min.js</a><br><hr><p align="center"><font color=black>本特效由 <a href="http://www.CsrCode.cn" target="_blank">芯晴网页特效</a>丨CsrCode.Cn 收集于互联网,只为兴趣与学习交流,不作商业用途。来源:源码爱好者</font></p>
0 0
- jQuery实现购物车物品数量的加减并自动计算价格
- JQuery购物车多物品数量的加减+总价计算
- jQuery实现购物车物品数量的加减
- jQuery实现购物车物品数量的加减
- jQuery实现购物车物品数量的加减
- jQuery实现购物车物品数量的加减(减到1时不能减少)
- 购物车数量价格计算
- jquery购物车数量加减
- jquery购物车数量加减
- jquery购物车数量加减
- 实现购物车多物品数量 总价计算
- JQuery实现购物车数量加减总价累加
- 自定义view继承LinearLayout实现购物车数量的加减
- 购物车数量加减
- jQuery 类似购物车 多物品加减求总价
- 购物车数量的加减,以及全选
- 购物车 数量的加减部分代码
- jquery来实现的添加商品和减少商品数量,用于购物车等实时改变价格
- Hadoop命令运行带jzmq的jar 报错 no jzmq in java.library.path
- maven下载源码和javadoc命令
- unity ScrollTouchMove
- mysql 30 条sql优化建议
- 理解KMP算法
- jQuery实现购物车物品数量的加减并自动计算价格
- es6 新增的map和foreach
- 在Unity3D中使用暂停的小技巧
- KVM虚拟机的安装和使用方法
- MFC调用批处理文件(.bat)
- 【Mac】Mac 您需要安装旧 Java SE 6 运行环境才能打开"idea/pycharm"
- Android MediaPlayer 常用方法介绍
- Java中abstract和interface的区别
- NoSQL中的分布式、容错事务