开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

jQuery:如何防止未勾选的商品价格被加到合计中？

在使用jQuery防止未勾选的商品价格被加到合计中时，你需要确保只有被勾选的商品的价格才会被计算到总价中。这通常涉及到检查商品的复选框是否被选中。

以下是一个简单的示例代码，展示了如何实现这一功能：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>防止未勾选的商品价格被加到合计中</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>

<h2>商品列表</h2>
<ul id="product-list">
  <li>
    <input type="checkbox" class="product-checkbox"> 商品1 - ¥<span class="product-price">100</span>
  </li>
  <li>
    <input type="checkbox" class="product-checkbox"> 商品2 - ¥<span class="product-price">200</span>
  </li>
  <li>
    <input type="checkbox" class="product-checkbox"> 商品3 - ¥<span class="product-price">300</span>
  </li>
</ul>

<h2>合计: ¥<span id="total-price">0</span></h2>

<script>
$(document).ready(function() {
  // 初始化合计金额
  updateTotalPrice();

  // 监听复选框的点击事件
  $('#product-list').on('change', '.product-checkbox', function() {
    updateTotalPrice();
  });

  // 更新合计金额的函数
  function updateTotalPrice() {
    let total = 0;
    $('.product-checkbox:checked').each(function() {
      total += parseFloat($(this).siblings('.product-price').text());
    });
    $('#total-price').text(total.toFixed(2));
  }
});
</script>

</body>
</html>

在这个示例中，我们有一个商品列表，每个商品都有一个复选框和一个价格。我们使用jQuery来监听这些复选框的change事件。每当复选框的状态改变时，我们就调用updateTotalPrice函数来重新计算总价。

updateTotalPrice函数会遍历所有被选中的复选框，并累加它们对应的价格。最后，将计算出的总价更新到页面上的#total-price元素中。

这样，只有被勾选的商品的价格才会被加到合计中，未勾选的商品价格不会影响总价。

参考链接：

jQuery 官网: https://jquery.com/
jQuery 选择器文档: https://api.jquery.com/category/selectors/

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

jQuery ele.find() is not a function 错误的解决办法

这又是在项目过程中所遇到的一个问题，ele.find() is not a function，其中 HTML 代码如下所示：

05

Python帮你识破双11的套路

一年一度的“双十一”又要来了，很多人已经开始摩拳擦掌，毕竟几天之后手还在不在就不好说了。

02

【文末福利】Python帮你识破双11的套路

一年一度的“双十一”又要来了，很多人已经开始摩拳擦掌，毕竟几天之后手还在不在就不好说了。

02

美多商城项目(八)

It is our attitude at the beginning of a difficult task which, more than anything else, will affect its successful outcome.

02

美多商城项目(七)

If you can change your mind, you can change your life.

03

购物车系统设计

购物车对数据可靠性要求不高，性能也无特别要求，在整个电商系统是相对容易设计和实现的一个子系统。

03

【javaScript案例】之类似购物车的效果实现

实现的效果是在购物车界面选择想要选购的商品，提交后转到支付界面确认支付，最后支付成功后返回选购页面。

01

Mybatis-Plus基础功能测试使用

推荐阅读：分布式系统唯一id生成：https://www.cnblogs.com/haoxinyue/p/5208136.html

01

商城项目-购物车功能分析

2.购物车功能分析 2.1.需求需求描述：用户可以在登录状态下将商品添加到购物车放入数据库放入redis（采用）用户可以在未登录状态下将商品添加到购物车放入localstorage 用

01

基于django+python+mysql的进销存管理系统的设计与实现

随着时代的发展，商场商品的进销存数量和总类日益庞大，传统的商场对货物的进销存的记录存在许多弊端和不便。例如庞大的商品数量和种类，使得商品的进存销记录十分困难;纸质的记录容易使商品的进存销记录丢失或遭人恶意篡改，造成损失。因此有必要开发一个这样的系统去提高商品进存销记录的效率，防止造成不必要损失。基于以上特点设计与实现基于Django框架的进销存系统平台，旨在方便商场管理进销存过程中产生的订单和仓库，商场的货物记录。本系统的设计以pycharm作为开发工具，前端运用HTML5来设计基本结构，用css来美化前端的界面，后台主要使用django框架实现，数据库使用Mysql数据库。本系统主要实现了八大功能模块，分别是登录、进货单管理、出货单管理、仓库货物管理、商场商品管理、普通用户管理、管理用户管理、账目统计管理。本系统在开发前经过反复设计与修改，开发过程中严格按照设计步骤执行，开发完成后经过多次测试，并且根据测试结果不断完善改进，最终系统才能达到预期的效果，用户登录后可以正常的使用本系统的所有功能，可以进行各种增删改查的操作。日后系统还可以根据需求不断地添加和完善各种功能，不断进步和完善，使本系统更加成熟。

01

Titan商店 - 又一个Web静态项目

基于HTML5 + Bootstrap4 + jQuery进行设计于开发，广泛使用响应式布局系统，确保在不同分辨率屏幕下的网页呈现。在JavaScript的开发过程中，广泛使用了ECMAScript6标准（即一些ES6的特性）。项目共分为四个模块界面：主页、购物车、注册页面与商品详情页面。

01

一分钟搭建小程序管理后台，借助云开发CMS搭建可视化的数据管理网页平台

官方文档：https://developers.weixin.qq.com/miniprogram/dev/wxcloud/guide/extensions/cms/introduction.html

03

记某积分商城任意金额支付漏洞分析利用及思考

大部分开发人员在开发时都会有一种思维惯性，传参处处有校验==处处都可信，但这个等式并非恒成立

01

逻辑漏洞挖掘之支付漏洞(刷钱、0元购)分析

支付漏洞是高风险漏洞也属于逻辑漏洞，通常是通过篡改价格、数量、状态、接口、用户名等传参，从而造成小钱够买大物甚至可能造成 0元购买商品等等，凡是涉及购买、资金等方面的功能处就有可能存在支付漏洞。文中如有错误的地方，还望各位大佬在评论区指正。

01

电商网站商品价格获取方法_电商网站

#分析即可发现j_后的字符串为商品ID，对应商品详情页的链接请求结果如下：

02

Mybatis-Plus使用乐观锁

一件商品，成本价是80元，售价是100元。老板先是通知小李，说你去把商品价格增加50元。小李正在玩游戏，耽搁了一个小时。正好一个小时后，老板觉得商品价格增加到150元，价格太高，可能会影响销量。又通知小王，你把商品价格降低30元。

02

MyBatis-Plus 插件

# MyBatis-Plus 插件🔌 分页插件添加配置类测试 xml自定义分页 UserMapper UserMapper.xml中编写SQL 测试乐观锁场景乐观锁与悲观锁模拟修改冲突乐观锁实现流程 MyBatis-Plus实现乐观锁 # 分页插件 MyBatis Plus自带分页插件，只要简单的配置即可实现分页功能 # 添加配置类 /** * @author frx * @version 1.0 * @date 2022/4/19 11:11 */ @Configuration

02

MySQL 练习题和答案，以及运行结果截图

一共四道大题，运行结果截图在最后面。 SQL 题目一数据准备 # 创建数据库 renda01 CREATE DATABASE renda01 CHARACTER SET utf8; # 使用数据库 USE renda01; # 创建商品表： CREATE TABLE product( pid INT, # 主键 ID pname VARCHAR(20), # 商品名称 price DOUBLE, # 商品价格 category_name VARCHAR(32) #

04

MyBatis-Plus

MyBatis-Plus（简称 MP）是一个 MyBatis 的增强工具，在 MyBatis 的基础上只做增强不做改变，为简化开发、提高效率而生。

02

找不到工作之摸索生存之路一

祸不单行，刚失业就肺部感染要死要活，一个多月了才基本见好。然后准备找个工作，总不能就这样饿死吧！没错，都是已读不回，大环境真的很差。怎么办，摆烂？那像我这样农村家庭，没家底的基本算是死路一条了，所以只能摸索一下创业的小路，看一看能不能勉强活下去

01

产品需求文档：C端生鲜电商APP

（1）在居民生活品质意识加强及物流产业发展日渐成熟的推动下，中国冷链物流市场规模不断扩大，2019年冷链物流市场规模已达3780亿元，并预计在2020年达到4850亿元。同时，中国冷链物流企业数量持续增长，在2019年达到了1832家，但存在着地域分布不均的问题，32.3%的企业集中在华东地区。

02

Vue实战-购物车案例

通过v-model双向绑定实现，input框绑定change事件， checkbox选中true反之false

01

Python 爬取淘宝商品数据挖掘分析实战

作者孙方辉本文为CDA志愿者投稿作品，转载需授权项目内容本案例选择>> 商品类目：沙发；数量：共100页 4400个商品；筛选条件：天猫、销量从高到低、价格500元以上。项目目的

06

用Python分析淘宝2000款避孕套，得出这些有趣的结论

我们在上一篇的时候已经将淘宝数据爬取下来了，但是并没有做数据分析。所以今天这篇文章就是教大家如何去分析数据，得出一些有用的结论！

03

微服务项目：尚融宝（5）（上手复习mybatisplus）

一件商品，成本价是80元，售价是100元。老板先是通知小李，说你去把商品价格增加50元。小李正在玩游戏，耽搁了一个小时。正好一个小时后，老板觉得商品价格增加到150元，价格太高，可能会影响销量。又通知小王，你把商品价格降低30元。

02

WordPress 自定义字段自定义域的使用方法

WordPress的自定义字段是个非常有用的功能，自定义域是对wp文章功能的扩展和补充，通过使用WP自定义字段功能，可以给文章增加些额外的内容，如用WP做淘客模板时给产品添加商品价格显示，添加购买链接等，还可以实现文章缩略图。下面博客吧详细介绍wp自定义字段的使用方法步骤。

02

基于图卷积的价格感知推荐

Paper：Price-aware Recommendation with Graph Convolutional Networks

01

用Python分析淘宝2000款避孕套，得出这些有趣的结论

数据分析之前我们需要清楚的知道自己想要分析什么东西，也就是先搞清楚我们的目标。在公司可能是公司财报、用户增量变化、产品受欢迎程度、一些报表等等。

02

用Python分析2000款避孕套，得出这些有趣的结论

我们在上一篇的时候已经将淘宝数据爬取下来了，但是并没有做数据分析。所以今天这篇文章就是教大家如何去分析数据，得出一些有用的结论！

02

Java设计模式学习记录-观察者模式

观察者模式也是对象行为模式的一种，又叫做发表-订阅（Publish/Subscribe）模式、模型-视图（Model/View）模式、咱们目前用的最多的就是各种MQ(Message Queue)都是基于这个模式的思想来实现的，生产者产生数据放到一个队列中，消费者观察生产者的消息队列的变化，从而接收消息，执行消费者本身的逻辑。

02

购物车项目（前端）

今天给大家讲的就是session项目，用到了昨天的那篇文章里面的一些东西。今天就不多说了，可以看下面的思维导图。下面是这个项目的效果图，用到了一些插件。以下是代码 index.jsp主页面 <%@page import="com.zking.entity.Goods"%> <%@page import="java.util.ArrayList"%> <%@page import="com.zking.dao.GoodsDao"%> <%@ page language="java"

01

SpringBoot集成Mybatis-Plus

简介官网地址 github地址官网写的非常详细了特性无侵入：只做增强不做改变，引入它不会对现有工程产生影响，如丝般顺滑损耗小：启动即会自动注入基本 CURD，性能基本无损耗，直接面向对象操作，BaseMapper 强大的 CRUD 操作：内置通用 Mapper、通用 Service，仅仅通过少量配置即可实现单表大部分 CRUD 操作，更有强大的条件构造器，满足各类使用需求，以后简单的CRUD操作，不用自己编写了！支持 Lambda 形式调用：通过 Lambda 表达式，方便的编写各类查询条

01

如何用Python爬虫持续监控商品价格

在购物中，了解商品价格的变动对于节省成本和抓住优惠机会非常重要。本文将介绍如何使用Python爬虫建立一个某电商商品价格监控系统，帮助你持续跟踪商品价格的变动，并提供完善的方案和代码，让你能够轻松操作。

05

京东购物车分页方案探索和落地

--导读-- 本文主要结合京东购物车的特性，从技术和业务层面综合考量，探索商品附属信息分页加载方案，为逐步扩容的购物车诉求做好底层技术支撑。通过本文，读者可以充分了解到主数据分页加载和附属信息分页加载分别适用哪些业务场景。在实际开发过程中，结合应用特性选择合适的分页技术方案，保证应用低碳高效运行。

03

jQuery Validate插件实现表单验证

jQuery Validate插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供可选的定制选项，以满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括URL和电子邮件验证，同时提供了一个使用编写用户自定义方法的API。所有的捆绑方法替换使用英语作为错误信息，并已翻译成其他37种语言。

03

因子投资：影响全球商品价格的共同因子

量化投资与机器学习微信公众号，是业内垂直于量化投资、对冲基金、Fintech、人工智能、大数据等领域的主流自媒体。公众号拥有来自公募、私募、券商、期货、银行、保险、高校等行业30W+关注者，荣获2021年度AMMA优秀品牌力、优秀洞察力大奖，连续2年被腾讯云+社区评选为“年度最佳作者”。来源：Journal of Applied Econometrics 标题：Common factors of commodity prices 作者：Simona Delle Chiaie，Laurent Ferrara

03

vue2.0实现购物车功能

购物车功能是一件比较繁琐的事情，逻辑功能太多，今天就用vue2.0实现一个简单的购物车功能，数据都本地自己写的假数据

01

PHP+MYSQL购物车最后一天哦

<?php //购物车页面 error_reporting('E_ALL&~E_NOTICE'); header('content-type:text/html;charset-utf-8'); se

01

angularjs购物车功能（全）包含（修改，添加等功能）

01

基于SSM框架的五金电器商城管理系统的设计与实现（附源码、论文）

由于互联网发展越来越迅速，人们为了节省时间方便快捷地生活，更愿意把日常生活中的一些要做的事情通过互联网完成。网上购物就是一个很好地体现，人们网购的需求越来越大，于是就有了越来越多商城系统的出现。这个系统是五金电器商城管理系统，系统分为前台和后台两个部分。首先，前台部分用户可以登录注册、在首页浏览各种各样商品，还可以搜索想要的商品、将喜欢的商品添加到购物车，可以对已添加在购物车的商品增加或减少其数量，然后提交订单，还可以查看我的订单和在留言板块对商品的性能进行评价。其次，后台部分有用户管理，可以对用户的个人信息增删改查。商品管理，可以对商品的价格、内容、数量等进行增删改查。订单管理是对用户已下单的商品发货，还可以进行查询和删除订单的操作。公告管理是进行公告的发布及删除。留言管理是对用户的评价进行操作。

03

美多商城项目(九)

Dream big dreams. Small dreams have no magic.

01

jQuery 文本属性值

jQuery的文本属性值常见操作有三种：html() / text() / val() ; 分别对应JS中的 innerHTML 、innerText 和 value 属性。

03

基于SSM框架的服饰商城系统的设计与实现（文末附源码）

现如今我们处于大数据时代，我们对网上商城的概念并不感到生疏，随着互联网科技的发展，网络在人们生活中的运用越来越广泛，网上购物已经成为了现代购物的主流趋势。网上购物具有多种选择、性价比高等优势，网上商城系统冲破了传统线下购物的局限性。本篇论文首先介绍了基于SSM框架的服饰商城系统的课题背景、研究目的以及现状、服饰商城系统的开发环境与使用技术，然后详细地概述了服饰商城系统的需求分析、和设计实现，最后阐述了服饰商城系统的主要功能的实现与测试。本系统采用的是本地服务器、JavaEE开发语言编程、MySql5.6数据库，后台框架Spring+Spring MVC+MyBatis，前端使用的是JavaScript。它是一个服饰商城系统，提供用户网上进行购物的功能。本系统主要实现的模块是类目、留言、商品、订单等管理和用户首页、购物车、收藏等功能。通过这个系统，使用户可以利用网络进行购物，不再受地域、时间的限制,实现在家就可以购物，减少聚集，符合现如今疫情防控的准则。

03

Baidu Comate实操测评暨线下教学环境实测结果报告

Comate的可实现内容为帮你想、帮你写、帮你改，那么，有这么好的工具，一定要响应一下学校的号召。

00

php+phpquery简易爬虫抓取京东商品分类

这是一个简单的php加phpquery实现抓取京东商品分类页内容的简易爬虫。phpquery可以非常简单地帮助你抽取想要的html内容，phpquery和jquery非常类似，可以说是几乎一样；如果你有jquery的基础的话你可以迅速地上手。

00

案例 | 如何做商品信息数据分析和展现？

商品价格和人们生活息息相关，比如农产品价格波动不仅会对农民收入和农民生产积极性产生直接影响，更关乎百姓的日常生活和切身利益。经常看新闻看到农民辛苦了一个季度的农作物全都烂在地里，因为价格太低廉，或者没有销路。虽然说物价波动是一种正常的经济现象，但是在一定程度上物价稳，人心才稳，社会才稳。为保持经济平稳健康发展、保障群众生活，稳定物价，信息公开显得尤为重要。价格监测和预测是维持物价稳定的一个重要环节。而对于商品价格、产量、以及销路、销量等数据公开，建立产品价格分析、监测、预测平台可以为相关政府管理部门提供生产

09

如何做商品信息数据分析和展现？

作者：赵空暖 http://www.36dsj.com/archives/12606 商品价格和人们生活息息相关，比如农产品价格波动不仅会对农民收入和农民生产积极性产生直接影响，更关乎百姓的日常生活和切身利益。经常看新闻看到农民辛苦了一个季度的农作物全都烂在地里，因为价格太低廉，或者没有销路。虽然说物价波动是一种正常的经济现象，但是在一定程度上物价稳，人心才稳，社会才稳。为保持经济平稳健康发展、保障群众生活，稳定物价，信息公开显得尤为重要。价格监测和预测是维持物价稳定的一个重要环节。而对于商品价格、产量、

03

干货 | 京东购物车的Java架构实现及原理！

4）用户登陆了用户名密码,添加商品, 关闭浏览器外地老家打开浏览器登陆用户名和密码

01

干货 | 京东购物车的 Java 架构实现及原理！

原文： https://www.cnblogs.com/wang-meng/p/5854773.html 今天来写一下关于购物车的东西, 这里首先抛出四个问题: 1）用户没登陆用户名和密码,添加商品, 关闭浏览器再打开后不登录用户名和密码问：购物车商品还在吗？ 2）用户登陆了用户名密码,添加商品,关闭浏览器再打开后不登录用户名和密码问:购物车商品还在吗？ 3）用户登陆了用户名密码,添加商品, 关闭浏览器,然后再打开,登陆用户名和密码问:购物车商品还在吗？ 4）用户登陆了用户名密码,

04

逻辑漏洞挖掘经验

简单说明一下：逻辑漏洞可以分为很多种web逻辑漏洞、业务逻辑漏洞、支付逻辑漏洞等等其中有部分漏洞都是大体相似的，所以鄙人就不再做归类总结了

03

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭