首页 > 代码库 > 购物车数量加减代码
购物车数量加减代码
.amount-wrap .icon{ display: inline-block; width: 28px; height: 28px; line-height: 28px; text-align: center; border: 1px solid #cdcdcd; background-color: #eee; vertical-align: middle;}.amount-wrap .icon-minus { border-right: 0;}.amount-wrap .icon-plus { border-left: 0;}.amount-wrap input { width: 40px; margin-bottom: 0; text-align: center; vertical-align: middle;}
<td class="amount-wrap"><a href="#" class="icon icon-minus"></a><input type="text" value="1"><a href="#" class="icon icon-plus"></a></td>
$(‘#orderList‘).find(‘input[type="text"]‘).on(‘keyup paste input‘,function(){ this.value = http://www.mamicode.com/~~this.value.replace(/\D/g,‘‘); if(this.value =http://www.mamicode.com/= ‘‘) this.value = http://www.mamicode.com/0; setTotal(); }); $(‘#selectList‘).on(‘keyup paste input‘,‘input[type="text"]‘,function(){ this.value = http://www.mamicode.com/~~this.value.replace(/\D/g,‘‘); if(this.value =http://www.mamicode.com/= ‘‘) this.value = http://www.mamicode.com/0; setTotal(); }); $(‘#orderList .minus‘).on(‘click‘,function(e){ e.preventDefault(); var t = $(this).parent().find(‘input[type="text"]‘) ,tit = $(this).parents(‘li‘).find(‘h2 > a‘).html() ,price = $(this).parents(‘li‘).find(‘span.order-price > i‘).html() ,pid = $(this).parents(‘li‘).attr(‘id‘) ,index = $(this).parents(‘li‘).index() ,catid = $(‘.swiper-nav‘).find(‘.swiper-slide‘).eq(index).data(‘catid‘) ,cattit = $(‘.swiper-nav‘).find(‘.swiper-slide‘).eq(index).find(‘.title‘).html() ,$hasPid = $("#selectList").has(‘#s-‘+ pid); if(parseInt(t.val()) > 0 ){ t.val(parseInt(t.val())-1); } if($hasPid){ if(parseInt(t.val()) == 0){ $(‘#s-‘+ pid).remove(); }else{ $(‘#s-‘+ pid).find(‘input[type="text"]‘).val(parseInt(t.val())); } } setTotal(); }); $(‘#orderList .plus‘).on(‘click‘,function(e){ e.preventDefault(); var t = $(this).parent().find(‘input[type="text"]‘) ,tit = $(this).parents(‘li‘).find(‘h2 > a‘).html() ,price = $(this).parents(‘li‘).find(‘span.order-price > i‘).html() ,pid = $(this).parents(‘li‘).attr(‘id‘) ,index = $(this).parents(‘.swiper-slide‘).index() ,catid = $(‘.swiper-nav‘).find(‘.swiper-slide‘).eq(index).data(‘catid‘) ,cattit = $(‘.swiper-nav‘).find(‘.swiper-slide‘).eq(index).find(‘.title‘).html() ,$hasPid = $("#selectList").has(‘#s-‘+ pid).length; t.val(parseInt(t.val())+1); if($hasPid){ $(‘#s-‘+ pid).find(‘input[type="text"]‘).val(parseInt(t.val())); }else{ var _html = ‘<li id="s-‘+pid+‘">‘+ ‘<a href="http://www.mamicode.com/#" class="tit">【‘+cattit+‘】‘+tit+‘</a><span class="order-price pull-right">¥<i>‘+price+‘</i></span>‘+ ‘<div class="clearfix selected-btm">‘+ ‘<a href="http://www.mamicode.com/#" class="icon-del"></a> ‘+ ‘<div class="order-amount pull-right">‘+ ‘<a href="http://www.mamicode.com/#" class="minus"></a>‘+ ‘<input type="text" value="http://www.mamicode.com/‘+parseInt(t.val())+‘">‘+ ‘<a href="http://www.mamicode.com/#" class="plus"></a>‘+ ‘</div>‘+ ‘</div>‘+ ‘</li>‘; $("#selectList ul").append(_html); } setTotal(); }); $(‘#selectList‘).on(‘click‘,‘.plus‘,function(e){ e.preventDefault(); var $this = $(this) ,$parentLi = $this.parents(‘li‘) ,$pid = $parentLi.attr(‘id‘).replace(‘s-‘,‘‘); var t = $this.parent().find(‘input[type="text"]‘); t.val(parseInt(t.val())+1); $(‘#‘+$pid).find(‘input[type="text"]‘).val(t.val()); setTotal(); }); $(‘#selectList‘).on(‘click‘,‘.minus‘,function(e){ e.preventDefault(); var $this = $(this) ,$parentLi = $this.parents(‘li‘) ,$pid = $parentLi.attr(‘id‘).replace(‘s-‘,‘‘); var t = $this.parent().find(‘input[type="text"]‘); if(parseInt(t.val()) == 1){ $this.addClass(‘disable‘); return false; } t.val(parseInt(t.val())-1); $(‘#‘+$pid).find(‘input[type="text"]‘).val(t.val()); setTotal(); }); $(‘#selectList‘).on(‘click‘,‘.icon-del‘,function(e){ e.preventDefault(); var $this = $(this) ,$parentLi = $this.parents(‘li‘) ,$pid = $parentLi.attr(‘id‘).replace(‘s-‘,‘‘); $parentLi.remove(); $(‘#‘+$pid).find(‘input[type="text"]‘).val(0); setTotal(); }); function setTotal(){ var moneyTotal = 0, numTotal = 0; var date = new Date(); date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000)); $("#orderList li").each(function(){ var $this = $(this) ,numVal = $this.find(‘input[type="text"]‘).val() ,pid = $this.attr(‘id‘); if ( numVal > 0) { moneyTotal += parseInt(numVal)*parseFloat($(this).find(‘span.order-price>i‘).text()); numTotal += parseInt(numVal); $.cookie(pid,numVal,{path:path,expires:date}); $.cookie(‘mTotal‘,moneyTotal,{path:path,expires:date}); $.cookie(‘nTotal‘,numTotal,{path:path,expires:date}); }else { $.cookie(pid,null,{ path: path,expires:-1}); } }); if($("#selectList ul li").length == 0){ $("#selectList").hide(); }else{ $("#selectList").show(); } $("#moneyTotal").html(moneyTotal.toFixed(2)); $("#numTotal").html(numTotal); $("#moneyTotal2").html(moneyTotal.toFixed(2)); $("#numTotal2").html(numTotal); }
购物车数量加减代码
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。