jQuery实现购物车物品数量的加减

<!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实现购物车物品数量的加减</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.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>

文章标题：jQuery实现购物车物品数量的加减
URL分享：https://www.cdcxhl.com/article42/pjophc.html

成都网站建设公司_创新互联，为您提供建站公司、网站营销、品牌网站制作、网站排名、ChatGPT、网站内链

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

成都网站建设

虚拟主机知识

行业网站建设