本文实例为大家分享了javascript实现淘宝购物件数选择的具体代码，供大家参考，具体内容如下 实现一个简易的淘宝购物件数量的选择算法，通过鼠标点击“+”、
本文实例为大家分享了javascript实现淘宝购物件数选择的具体代码，供大家参考，具体内容如下
实现一个简易的淘宝购物件数量的选择算法，通过鼠标点击“+”、“-”按钮对数量增加或减少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>程序结果如下：
最大够件数：
最小够件数：
--结束END--
本文标题: JavaScript实现淘宝购物件数选择
本文链接: https://www.lsjlt.com/news/171571.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0