博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
项目功能积累
阅读量:6299 次
发布时间:2019-06-22

本文共 1561 字,大约阅读时间需要 5 分钟。

1.购物车功能

1 /* 2  *.carcheck    为input复选框 3  * .text_box为数量 4  * #sum        为总件数 5  * #shuliang为总数量 6  * */ 7 var num=1; 8             //复选框 9             $('.carcheck').click(function(){10                 GetCounts();11             });12             //加数量13             $('.add').bind("click",function(){14                     var num=$(this).siblings('.text_box').val();15                     num++;16                     $(this).siblings('.text_box').val(num);17                     GetCounts();18             });19             //减数量20             $('.min').off("click").on("click",function(){21                 var num=$(this).siblings('.text_box').val();22                 num--;23                 if(num<1){24                     num=125                 }26                 $(this).siblings('.text_box').val(num);27                 GetCounts();28             });29             //输出30             function GetCounts(){31                 var conts = 0;32                 var aa = 0;33                 $(".carcheck").each(function () {34                     if ($(this).prop('checked')) {35                         for (var i = 0; i < $(this).length; i++) {36                             conts += parseInt($(this).parent().siblings('.addmin').find('input[class*=text_box]').val());37                             aa += 1;38                         }39                     }40                 })41                 $("#sum").text(aa);42                 $("#shuliang").html((conts).toFixed(2));43             }

 

 

转载于:https://www.cnblogs.com/sunmyboke/p/6971119.html

你可能感兴趣的文章
python多线程队列安全
查看>>
[汇编语言学习笔记][第四章第一个程序的编写]
查看>>
android 打开各种文件(setDataAndType)转:
查看>>
补交:最最原始的第一次作业(当时没有选上课,所以不知道)
查看>>
Vue实例初始化的选项配置对象详解
查看>>
PLM产品技术的发展趋势 来源:e-works 作者:清软英泰 党伟升 罗先海 耿坤瑛
查看>>
vue part3.3 小案例ajax (axios) 及页面异步显示
查看>>
浅谈MVC3自定义分页
查看>>
mybatis学习
查看>>
LCD的接口类型详解
查看>>
Spring Boot Unregistering JMX-exposed beans on shutdown
查看>>
poi 导入导出的api说明(大全)
查看>>
Mono for Android 优势与劣势
查看>>
将图片转成base64字符串并在JSP页面显示的Java代码
查看>>
js 面试题
查看>>
sqoop数据迁移(基于Hadoop和关系数据库服务器之间传送数据)
查看>>
腾讯云下安装 nodejs + 实现 Nginx 反向代理
查看>>
Javascript 中的 Array 操作
查看>>
java中包容易出现的错误及权限问题
查看>>
AngularJS之初级Route【一】(六)
查看>>