JavaScript实现淘宝购物件数选择
更新时间：2022年08月03日 08:26:03 作者：YaJeanZhang_
这篇文章主要为大家详细介绍了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>程序结果如下：
最大够件数：
最小够件数：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
滚动条滚动时如何让导航置顶移动，这种效果已经在很多网看到了，所以本文也来实现一个，感兴趣的朋友可以学习下2013-09-09
JavaScript 是属于网络的脚本语言。本文是小编日常收集整理些javascript入门基础知识，对js新手朋友非常有帮助，对js入门知识点感兴趣的朋友一起学习吧2016-03-03
这篇文章主要为大家介绍了js实现数组扁平化，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能够给你带来帮助2021-12-12
这篇文章主要介绍了ES6中Promise的使用方法,结合实例形式总结分析了Promise对象中的各种常用方法及基本使用技巧,需要的朋友可以参考下2020-02-02
如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情一般都是设置属性href = "#"其实还有比这更好的方法，下面为大家整理了几种比较常见的解决方法，感兴趣的朋友可以参考下2013-08-08
为页面添加天气显示的方法有很多，在本文为大家介绍下使用js来轻松实现，具体的代码如下，感兴趣的朋友不要错过2013-12-12
window.onload()方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。本文将用window.onload()打造黑客代码雨效果，感兴趣的可以尝试一下2022-06-06
本篇内容给大家总结了JavaScript的BUG和错误，如果大家对此知识点有兴趣，可以跟着学习参考下。2018-05-05
这篇文章主要为大家总结了Bootstrap Table使用心得,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
注意一下：在chrome浏览器下，为了数据安全，隐藏的input：file不能trigger “click” 事件。 所以要设置input：file的透明度达到隐藏的效果2013-11-11
最新评论