一二八软件   12年网站制作经验,满意收工,诚信第一,中英建站服务商
宣传型、商城型、网站关键词排名、优化排名SEO、网站推广
一二八建站 | 加入收藏
咨询电话 (微信):181 23965 128 点击这里给我发消息 点击这里给我发消息
 
首页 网站推广 网站样板 定制网站 域名-主机-邮箱 成功案例 网站知识 小 程 序 联系我们
        最新动态
        网站建设
        域名注册
        虚拟主机
        企业邮局
        成品网站
        网站优化排名SEO
        技术知识
        CSSDIV
        AJAX
        PHP知识
        行业资讯
        400电话常见问题
        可信网站常见问题
        Ftp常见问题
 
AJAX 位置:首页 > 网站知识 > AJAX
jQuery实现购物车多物品数量的加减+总价计算
关键字:网站建设 网站制作 网站设计 购物商城  网站样板  定做网站    来源:   浏览: 1847 人次
 
<!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> 
<title>jQuery实现购物车多物品数量的加减+总价计算</title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.1.min.js"></script> 
<script> 
$(function(){ 
$(".add").click(function(){ 
var t=$(this).parent().find('input[class*=text_box]'); 
t.val(parseInt(t.val())+1) 
setTotal(); 
}) 
$(".min").click(function(){ 
var t=$(this).parent().find('input[class*=text_box]'); 
t.val(parseInt(t.val())-1) 
if(parseInt(t.val())<0){ 
t.val(0); 
} 
setTotal(); 
}) 
function setTotal(){ 
var s=0; 
$("#tab td").each(function(){ 
s+=parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text()); 
}); 
$("#total").html(s.toFixed(2)); 
} 
setTotal(); 

}) 
</script> 
</head> 
<body> 
<table id="tab"> 
<tr> 
<td> 
<span>单价:</span><span class="price">1.50</span> 
<input class="min" name="" type="button" value="-" /> 
<input class="text_box" name="" type="text" value="1" /> 
<input class="add" name="" type="button" value="+" /> 
</td> 
</tr> 
<tr> 
<td> 
<span>单价:</span><span class="price">3.95</span> 
<input class="min" name="" type="button" value="-" /> 
<input class="text_box" name="" type="text" value="1" /> 
<input class="add" name="" type="button" value="+" /> 
</td> 
</tr> 
</table> 

<p>总价:<label id="total"></label></p> 
</body> 
</html> 
[ 关 闭 ]
由于一些内容和图片来源于互联网,如果发现有涉嫌侵犯您的版权,请联系QQ:274087488 或发送邮件至:274087488@qq.com,我们将立刻删除涉嫌侵权的内容。
首页  |  关于我们  |  网站建设  |  网站推广  |  域名注册  |  虚拟主机  |  企业邮箱  |  网站知识  |  网站优化排名SEO  |  网站地图  |  法律声明  |  友情链接  |  客户反馈  |  联系我们

一二八软件
  咨询热线(微信):181 23965 128     QQ:274087488 , 2502198816
电话:0755-25692900     传真:0755-25692900     E-mail:128@128.in
Copyright © 2005-2019 深圳市一二八软件有限公司 All Right Reserved.    网址:http://www.128.in
粤公网安备 44030702001693号     备案/许可证编号:粤ICP备15073280号
 
扫一扫 打开网站   扫一扫 加我微信
点击这里给我发消息
点击这里给我发消息
咨询电话(微信)
181 23965 128

扫一扫 加我微信