购物车消费金额计算

最新推荐文章于 2022-03-09 11:24:22 发布

原创

最新推荐文章于 2022-03-09 11:24:22 发布 · 1.8k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#购物车消费金额计算

本文由小符撰写，介绍了如何进行购物车消费金额的计算。通过定义变量、设置样式和编写JavaScript脚本，详细解释了计算购物车中商品总价的过程，包括单行价格计算、选择框事件监听和数量输入框的keyup事件处理。

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

作者：小符
撰写时间：2019.5.7
今天我来给大家讲解一下，购物车计算的代码。
首先，写一下基本的样式：
在这里插入图片描述

<style>
* {
margin: 0;
padding: 0; }
a {
color: #666;
text-decoration: none; }
table {
width: 535px; }
th, td {
border: 1px solid #CADEFF; }
tbody tr:hover {
background: RGB(238,246,255); }
.checkbox {
width: 60px; }
.goods {
width: 100px; }
.count .add, .count .reduce {
border: 1px solid #e5e5e5; }
.count .add:hover, .count .reduce:hover {
color: #f50; }
.count input {
width: 50px;
border: 1px solid #aaa;
text-align: center;
padding: 4px 0; }
.subtotal {
color: red; }
.foot #priceTotal, .foot #selectedTotal {
color: red;
font-weight: bold; }
<body>
<table id="cartTable">
<thead>
<tr>
<th><label><input class="check-all check" type="checkbox" /> 全选</label></th>
<th>商品</th>
<th>单价</th>
<th>数量</th>
<t