<!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> 最佳答案
