实现购物车多物品数量总价计算

最新推荐文章于 2024-06-28 11:52:57 发布

程序员鼓励师

最新推荐文章于 2024-06-28 11:52:57 发布

阅读量4.9k

点赞数 1

分类专栏： ——购物车～欢迎文章标签： jquery

本文链接：https://blog.csdn.net/sinbas/article/details/44901953

版权

本文介绍如何使用JavaScript（特别是jQuery库）来实现购物车中多个商品的数量管理和总价计算。通过动态更新商品数量，实时计算购物车总价，为用户提供便捷的在线购物体验。

摘要由CSDN通过智能技术生成

<!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="jquery-1.10.2.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