JavaScript 实现购物车增减商品 [ 新手入门 ]
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS仿购物车添减商品</title>
</head>
<body>
<div>
<span style="display:inline;margin-right:10px;">数量</span>
<input type="button" value="-" onclick='decrease()'/>
<span class='num' style='font-size: 15px;'>1</span>
<input type="button" value="+" onclick='increase()'/>
</div>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script>
function increase(){
var num = parseInt($('.num').text());
$('.num').text(num+1);
$('#num').val(num+1);
}
function decrease(){
var num = parseInt($('.num').text());
if(num>1){ //如果大于1的话才执行，默认是1
$('.num').text(num-1);
$('#num').val(num-1);
}
}
</script>
</body>
</html>
共 0 条回复
没有找到数据。
副总裁
PHP学院的中学生
注册时间：2018-10-23
最后登录：2024-04-07
在线时长：168小时1分
最后登录：2024-04-07
在线时长：168小时1分
- 粉丝29
- 金钱4730
- 威望30
- 积分6710