JavaScript 淘宝购物件数的选择

YaJeanZhang_

于 2018-12-01 21:35:23 发布

阅读量956

点赞数 1

分类专栏： JavaScript 文章标签： js 加减淘宝购物车

本文链接：https://blog.youkuaiyun.com/weixin_43718414/article/details/84678765

版权

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个简单的购物件数量选择算法实现，通过鼠标点击“+”、“-”按钮对商品数量进行增减，限制最大购买数量为9件，最小为0。使用HTML和JavaScript完成，适用于网页购物车功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现一个简易的淘宝购物件数量的选择算法，通过鼠标点击“+”、“-”按钮对数量增加或减少1，限购9件，最大增加到数字9，最小减少到0.
代码如下：

<!DOCTYPE html>
<html>
<head>
	<script LANGUAGE="JavaScript" type="text/javascript">
		function addnum()
		{
			var num = document.getElementById("res").value;
			num = parseInt(num) + 1;
			if (num>9) 
			{
				alert("已经是最大够件数！");
			}
			else
			{
				document.getElementById("res").value = num;
			}
		}
		function decnum()
		{
			var num = document.getElementById("res").value;
			num = parseInt(num) - 1;
			if (num<0) 
			{
				alert("已经是最小够件数！");
			}
			else
			{
				document.getElementById("res").value = num;
			}
		}
	</script>
</head>
<body>
	<form id="myform" >
		<p>数量</p>
		<input type="button" id="dec" value="-" onclick="decnum()">
		<input type="text" value="0" id="res">
		<input type="button" id="add" value="+" onclick="addnum()">
		<p>限购9件</p>
	</form>
</body>
</html>