计算商品总价

最新推荐文章于 2023-04-03 10:15:12 发布
最新推荐文章于 2023-04-03 10:15:12 发布
阅读量1.7k 收藏 3
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42132833/article/details/104683178
版权 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<ul id="list">
    <li>
        <input type="button" value="-" />
        <span>0</span>
        <input type="button" value="+" />
        单价：<em>15</em>元；
        小计：<strong>0</strong>元；
    </li>
    <li>
        <input type="button" value="-" />
        <span>0</span>
        <input type="button" value="+" />
        单价：<em>10</em>元；
        小计：<strong>0</strong>元；
    </li>
    <li>
        <input type="button" value="-" />
        <span>0</span>
        <input type="button" value="+" />
        单价：<em>5</em>元；
        小计：<strong>0</strong>元；
    </li>
    <li>
        <input type="button" value="-" />
        <span>0</span>
        <input type="button" value="+" />
        单价：<em>2</em>元；
        小计：<strong>0</strong>元；
    </li>
    <li>
        <input type="button" value="-" />
        <span>0</span>
        <input type="button" value="+" />
        单价：<em>1</em>元；
        小计：<strong>0</strong>元；
    </li>
</ul>
<p>商品一共<span id="num">0</span>件；<br />一共花费<span id="price">0</span>元；<br />其中最贵的商品单价是<span id="max">0</span>元；</p>
<script>
    var list = document.getElementById("list");
    var lis = list.getElementsByTagName("li");
 for(var i=0;i<lis.length;i++){
     tab(i);
 }

    function tab(b) {
        var li_inps = lis[b].getElementsByTagName("input");
        var li_span = lis[b].getElementsByTagName("span")[0];
        var li_em = lis[b].getElementsByTagName("em")[0];
        var li_strong = lis[b].getElementsByTagName("strong")[0];
        var a = 0;

        li_inps[0].onclick=function () {
            a--;
            if(a<0){
                a=0;
            }
            li_strong.innerHTML=a*li_em.innerHTML;
            li_span.innerHTML=a;
        }
        li_inps[1].onclick=function () {
            a++;
            if(a>10){
                a=10;
            }
            li_strong.innerHTML=a*li_em.innerHTML;
            li_span.innerHTML=a;
        }
    }
 //计算总价
    function count(){
        var b = 0;
        var c = 0;
        var temp = 0;
        for (var i = 0; i < spans.length; i++) {
            b += parseFloat(spans[i].innerHTML);
            c += parseFloat(strongs[i].innerHTML);
//					当span的值不是0的时候,才去比较em的值
            if(spans[i].innerHTML != 0){
                if(parseFloat(ems[i].innerHTML) > temp){
                    temp = parseFloat(ems[i].innerHTML);
                }
            }
        }
        max.innerHTML = temp;
        num.innerHTML = b;
        price.innerHTML = c;
    }
</script>
</body>
</html>
盛暖暖
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
html5实现全选按钮，及统计所选择商品的总价并输出
weixin_43653670的博客
10-23 1087
现有一个商品选择列表（复选框），HTML代码及效果如下： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文...
计算总价
wang21hua的博客
04-07 805
private void jisuan(boolean isChecked) { int prices = 0; int numm = 0; List<ShopBean.DataBean> data = shopBean.getData(); for (int i = 0; i <data.size() ; i++) { ShopBean.DataBean dataBean = ...
订单（五）01-商品总价与支付菜单布局——计算属性-计算选中商品的总价
weixin_44867717的博客
10-29 434
商品总价与支付菜单布局——计算属性-计算选中商品的总价 商品总价与支付菜单 <!-- 商品总价和支付按钮 --> <div class="all-price"> 合计：<span>￥{{calcTotal}}</span> <button type="primary" @click='handlePay'>支付</button> </div> </div&gt
c语言求商品的总价程序,C语言简单问题，求商品总价。。在线急等大神解答
weixin_42522389的博客
05-18 3605
满意答案seld2013.08.10采纳率：44%等级：8已帮助：61人没大问题呀，就是d=d+a[i]*b[i];}后面多了一个“｝”，去掉就可以运行了。d=(d*100+0.5)/100的本意是对的，但是会结果不对，至少得改为：d=(int)(d*100+0.5)/100.0f，结果才可能理解，否则输出时对整数会多出一个从0.005舍入得到的.01来。因为在“%10.2f“格式时pri...
C语言编程题计算商品金额,一个超简单的vue商品计算总金额
weixin_35793018的博客
05-19 2850
哈哈哈，花了十几分钟写的一个vue商品总价计算，虽然很简单的。没有写样式。现在写博客也是为了让自己方便查阅东西。废话不多少直接上图 这里用到了vue的计算属性-computed那这里就顺便说下computed这个东西吧。在计算属性中科院完成各种复杂的的逻辑，包括运算，函数调用，只需要最终返回一个最终的结果。计算属性依赖多个vue实例的数据，只要其中一项数据发生变化，计算属性就会重新的执行，视图也会...
vue实现商品加减计算总价的实例代码
10-18
在Vue.js中实现商品加减计算总价的功能是一个常见的电商应用需求。这个实例代码演示了如何在用户选择商品并调整数量时动态计算总价。下面我们将详细解释这个实例中的关键点。 首先，HTML结构是整个功能的基础。`...
多表格自动总价计算.docx
07-16
在本篇教程中，我们将探讨如何使用VBA（Visual Basic for Applications）编写宏来自动计算工作簿中多个表格的总价。VBA是一种编程语言，它允许用户创建自定义的自动化功能，以执行Excel中复杂的任务。在这个特定的...
jQuery商品数量加减并计算总价代码
06-10
本文将详细介绍如何使用jQuery实现商品数量加减并计算总价的代码。 首先，我们需要一个HTML结构来展示商品信息和数量控制按钮。在`index.html`文件中，这可能包括以下元素： ```html 商品名称 ...
利用javascript技术计算商品总价
10-18
计算商品总价示例代码，仅供参考，谢谢合作!
vue书籍管理 计算总价 移除
01-04
在这个"vue书籍管理 计算总价 移除"项目中，我们显然涉及到Vue的核心功能，包括数据绑定、计算属性和组件交互。以下是对这些关键知识点的详细说明： 1. **数据绑定**：Vue的核心特性之一是双向数据绑定，它使得视...
商品查找，单价计算
10-27
此代码是用于商品的输入，寻找，以及显示商品的单价和总价
MFC商品价格计算器
07-02
简易的商品计算器，计算商品的总价，超简易。
C++练习02 如何算总价
weixin_44275777的博客
03-03 4560
大家在生活中都会去超市买东西，那必然会涉及到金额的问题，用最基本的C++算法去计算商品的金额问题。 可能会用到制表，在C++中&quot;\t&quot;为制表符，在列购物清单时可以使用制表符进行间隔。 在使用制表符时需要注意：由于中文和英文字符的长度不同，如果想要中文和英文对齐，英文字符的制表符要比中文的多一个。 例题：输入商品的数量和购买商品的单价，输出“金额是：” 如显示器提示： 请输入商品的单价：（输入...
商品小计和总价
Day_feeling的博客
03-27 1852
&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script type="text/javascript" src="js/angular.min.js" &gt;&lt;/script&gt; &amp
求总价
qq_35285268的博客
08-31 238
单价：20.3元   总价20.3元  //减 function jian(){ var num=document.getElementById('num').value; if(num>0){ ss=num-1; var dan=20.3; var jian=document.getElementById('num').value=ss; var zj=dan*jia
计算蔬菜总价
brusw
04-09 1588
/** * 计算蔬菜总价： * 为了丰富群众菜篮子，平抑菜价，相关部分组织了蔬菜的调运。 * 今某箱中有多个品种的蔬菜。蔬菜的单价（元/公斤）存放在price数组中，蔬菜的重量（公斤）存放在weight数组中。 * 下面的代码计算该箱蔬菜的总价，试完善之。 */ public static double getTotal(double[] price, double[] weight
C语言实例_5
Vicky
07-05 7908
写一个加法程序，输入整数a,b，输出他们的和。 2.不使用第3个变量，实现两个数的对调 不用第三个变量，实现将两个数进行对调的操作。 3.用宏定义常量 已知某物品单价为30，数量为x。求商品的总价钱。用宏定义物品的单价。 4.计算总成绩和平均成绩 编程求从键盘上输入一个学生的五门成绩，计算出该学生的总成绩和平均成绩。 5.求三角形的面积 编程求以a、b、c为边长的三角形的面积area。 6.计算两个正整数的最大公约数 编程计算两个正整数的最大公约数。其中求最大公约数的函数原型已经给出，请在主函数中编程调用函
7-24 统计商品总价
懒懒猪
04-03 282
消费者购买超市5件商品，输入商品名和价格，输出购买的商品信息，并输出应付的总价。要求：定义Goods类及其成员变量和方法。（1）定义Goods类：成员变量有 name, price（2）定义Goods类的带两个参数的构造方法。（3）定义Goods类的toString()方法，getPrice()方法。
SQL学习笔记7- 创建计算字段
weixin_48635062的博客
03-14 1656
主要介绍什么是计算字段 计算字段 如果存在数据库中的数据不是应用程序需要的格式，那么需要计算字段。例如： 需要显示公司名，但是还需要显示公司地址，但是这两个信息存储在不同的表列中。 列数据是大小写混合的，但是报表程序需要把所有数据按大写表示 这种情况，需要直接从数据库中检索出转换、计算、格式化后的数据，而不是直接检索数据。 字段 基本上与列相同，只有数据库知道SELECT哪些语句是列，哪些语句是计算字段。 拼接字段（concatenate） 如果需要在名称中显示位置，但是SELECT中只有
用侦听属性计算商品总价
最新发布
10-28
在Vue.js中，可以使用侦听器来计算商品总价。首先，需要在data属性中定义商品数量和单价两个变量。然后，在computed属性中定义一个计算属性，用来计算商品总价。最后，在watch属性中定义一个侦听器，用来监听商品数量和单价的变化，并更新商品总价。具体实现步骤如下： 1. 在data属性中定义商品数量和单价两个变量： ``` data() { return { quantity: 0, // 商品数量 price: 0, // 商品单价 totalPrice: 0 // 商品总价 } } ``` 2. 在computed属性中定义一个计算属性，用来计算商品总价： ``` computed: { total() { return this.quantity * this.price; } } ``` 3. 在watch属性中定义一个侦听器，用来监听商品数量和单价的变化，并更新商品总价： ``` watch: { quantity: function(newVal, oldVal) { this.totalPrice = newVal * this.price; }, price: function(newVal, oldVal) { this.totalPrice = newVal * this.quantity; } } ``` 这样，当商品数量或单价发生变化时，侦听器会自动更新商品总价。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值