电子商城shop购买商品数量JavaScript写法

快来打我* 2024-02-18 20:19 31阅读 0赞

**JavaScript代码：**

<script type="text/javascript">
    
    //购买数量，失去焦点
    function  blurFn(){
    var domByNum = document.getElementById("buyNum");
    var num = domByNum.value;
    //isNaN不是数字，包含小数
    if(isNaN(num)){
    domByNum.value = 1;
    return;
    }
    //${article.storage}表示库存
    domByNum.value = Math.ceil(num) <1 ? 1: (Math.ceil(num) > "${article.storage}" ? "${article.storage}" : Math.ceil(num))
    }
    
    //1:减     2：加
    function  numFun(level){
    var domByNum = document.getElementById("buyNum");
    var num = domByNum.value;
    num = parseInt(num);
    switch (level) {
    case 1:
    domByNum.value = num <= 1 ? 1 :(num-1);
    break;
    case 2:
    domByNum.value = num +1 > "${article.storage}" ? "${article.storage}" : num+1;
    break;
    }
    }
    
    </script>

HTML代码：

<a class="reduce" onclick="numFun(1);" href="javascript:void(0);">-</a> 
        
    <input value="1" id="buyNum" name="buyNum" onblur="blurFn();" type="text" /> 
    <a class="add" onclick="numFun(2);" href="javascript:void(0);">+</a>

发表评论取消回复

表情：

评论列表（有 0 条评论，31人围观）

还没有评论，来说两句吧...

相关阅读

相关 [C语言] 商品购物收银台系统，统计购买商品总价

花有再开日，人无再少年，今天我们要学的是如何写一个收银台购物系统，学习不息，奋斗不止 ![3049461a6553fbb35966dbe883e000db.jpeg][]

小鱼儿/ 2024年03月27日 08:44/ 0 赞/ 67 阅读

相关电子商城shop购买商品数量JavaScript写法

JavaScript代码： <script type="text/javascript"> //购买数量，失去焦点 function

快来打我*/ 2024年02月18日 20:19/ 0 赞/ 32 阅读

相关 xxx商城之商品管理

![1036837-20190802153836383-564845488.jpg][] 转载于:https://www.cnblogs.com/mr-wuxiansheng

骑猪看日落/ 2023年08月17日 16:57/ 0 赞/ 110 阅读

相关 java程序购买_java web 程序---购物车选商品，购买，付款

思路：1.有一个单选按钮，让我们选择商品 2.购买的物品及数量清算 3.付款我的界面： ![d85274c8fa5ad55f020f477e0968f922.png

电玩女神/ 2022年11月07日 05:25/ 0 赞/ 179 阅读

相关商城cms java_multi.shop.cms

multi B2C商城联系方式 QQ：304846928 Email：微信：anlaser 其他：提供系统简介 multi cms是一个开源电子商城系统，以B2

爱被打了一巴掌/ 2022年10月23日 09:56/ 0 赞/ 216 阅读

相关数据挖掘-商品购买记录-商品推荐_亲和度分析

coding: utf-8 import numpy as np dataset_filename="affinity_dataset.txt"

痛定思痛。/ 2022年07月11日 23:57/ 0 赞/ 211 阅读

相关电子商城数据库设计思路

一．设计目标本次设计为设计一个电子商城，即我们经常在淘宝，京东等网站看到的网店。这只是一个初步的设计，跟实际上的网店还有很多的差距。主要的差距在于数据的并发处理

骑猪看日落/ 2022年05月29日 00:43/ 0 赞/ 207 阅读

相关【商城应用】商城商品体系设计

今天给大家介绍一下商城的重头戏，也就是商品体系的设计。有些人可能会问，什么叫做商品体系呢？不知道大家在用淘宝的时候有没有发现，不同类型的商品规格和属性都是不一样的，我们这边举一

以你之姓@/ 2022年05月15日 08:45/ 0 赞/ 377 阅读

相关移动商城第三篇（商品管理）【查询商品、添加商品】

逆向生成item 将表名设置成eb\_item就行了。 <table schema="" tableName="eb_item" enableCo

我就是我/ 2021年09月30日 19:22/ 0 赞/ 455 阅读

相关 1、TP-Shop商城安装步骤教程（Windows版）

> 1、TP-Shop安装步骤教程（Windows版）一、安装要求 1、PHP5.4以上，MYsql5.5以上。 2、需要Phpcurl，gd库。php\_mysqli

我不是女神ヾ/ 2021年09月18日 23:06/ 0 赞/ 603 阅读