jquery实现放大镜效果商城详情页数字加，减效果怎么做

来源：蜘蛛抓取(WebSpider) 时间：2017-06-27 20:41 标签： jquery实现加减
当前位置： >
> jQuery实现购物车多物品数量的加减+总价计算jQuery实现购物车多物品数量的加减+总价计算更新：&&&&编辑：NeJian&&&&来源：&&&&人气：加载中...&&&&字号：|标签：&&&&&&&&&&&&
. 代码如下: &!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"& &html xmlns="http://www.w3.org/1999/xhtml"& &head& &title&多的加减+总价&/title& &script type="text/javascript" src="/jquery-1.6.1.min.js"&&/script& &script& $(function(){ $(".add").click(function(){ var t=$(this).parent().find('input[class*=text_box]'); t.val(parseInt(t.val())+1) setTotal(); }) $(".min").click(function(){ var t=$(this).parent().find('input[class*=text_box]'); t.val(parseInt(t.val())-1) if(parseInt(t.val())&0){ t.val(0); } setTotal(); }) function setTotal(){ var s=0; $("#tab td").each(function(){ s+=parseInt($(this).find('input[class*=text_box]').val())*parseFloat($(this).find('span[class*=price]').text()); }); $("#total").html(s.toFixed(2)); } setTotal(); }) &/script& &/head& &body& &table& &tr& &td& &span&单价:&/span&&span&1.50&/span& &input type="button" value="-" /& &input type="text" value="1" /& &input type="button" value="+" /& &/td& &/tr& &tr& &td& &span&单价:&/span&&span&3.95&/span& &input type="button" value="-" /& &input type="text" value="1" /& &input type="button" value="+" /& &/td& &/tr& &/table& &p&总价：&label&&/label&&/p& &/body& &/html&
评论列表（网友评论仅供网友表达个人看法，并不表明本站同意其观点或证实其描述）
分类选择您可能在找这些帮设计师节省1,085,543,232小时jQuery实现动态数字展示效果_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
jQuery实现动态数字展示效果
上传于|0|0|暂无简介
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
你可能喜欢如何用jquery实现商城后台，商品规格添加生成表格，有赞商城后台【程序员吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0成为超级会员，使用一键签到本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：95,999贴子：
如何用jquery实现商城后台，商品规格添加生成表格，有赞商城后台收藏
例如下图：当点击颜色下面的添加的时候生成标签后，在下面表格自动生成一列，点击删除标签后，删除表格中的列，具体看《有赞商城后台》；商品添加时。大神来给个思想，小弟实在是想不出来了。
AutoTDS-V1型全自动热解吸仪是一款20位常温二次全自动热解吸仪，气路采....
楼主弄出来了吗？我也在弄这个，没思绪
楼主有弄出来？
js:追加元素看能实现吗？
登录百度帐号推荐应用商城购物车的加减号控制商品数量-jQuery教程
当前位置：&>&&>& &
商城购物车的加减号控制商品数量
商城购物车的加减号控制商品数量
|　来源:网络 | 关键字：
今天coding的时候，写购物车，遇到了一个小小的麻烦，开始时候我是这样写的加减号那里的（只写主要代码,样式不写了）&li&&spanclass=&decs&&-&/span&1&spanclass=&incs&&+&/span&&li&当写jQuery的时候就出现了问题，//
今天coding的时候，写购物车，遇到了一个小小的麻烦，开始时候我是这样写的加减号那里的（只写主要代码,样式不写了）&li&&span class="decs"&-&/span&1&span class="incs"&+&/span&&li&当写jQuery的时候就出现了问题，// 减少的代码$('.decs').click(function() {&&&&&&& var num = $(this).parent('li').text();&&&&&&& num = parseInt(num);&&&&&&& // 因为获得的num不只有数字，还有前边的“-”号&&&&&&& num = 0 -&&&&&&& if(num & 1){&&&&&&&&&&& $(this).parent('li').html('&span class="decs"&-&/span&'+ (num - 1)& &&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& + '&span class="incs"&+&/span&');&&&&&&& }&&&&&&& else {&&&&&&&&&&& alert('亲，不能再少了！');&&&&&&& }&&& });（增加的类似，就不写了）当测试的时候，发现只可以执行一次，怎么都弄不明白为啥。后来改了一种写法：&li&&span class="decs"&-&/span&&span&1&/span&&span class="incs"&+&/span&&li&$('.decs').click(function() {&&&&&&& var num = $(this).next('span').text();&&&&&&& num = parseInt(num);&&&&&&& if(num & 1){&&&&&&&&&&& $(this).next('span').text(num - 1);&&&&&&& }&&&&&&& else {&&&&&&&&&&& alert('亲，不能再少了！');&&&&&&& }&&& });这样写代码又简洁还可以实现功能！这让我发现，HTML的结构很重要，如果结构写的好，可以省好多事。同时，也给了我另一个思路，就是在当前情况无法解决问题的时候，可以试着从别的地方找突破点！大家一起努力学习呀！
网友评论仅供其表达个人看法，并不表明网易立场。

我要回帖

更多关于 jquery实现加减 的文章

 

随机推荐