国产av麻豆mag剧集,欧美成人精品一区二区综合,国产亚洲欧美日韩俺去了

摘要：//cart.js$(function(){ $('.allsele').click(function(){ //判斷全選樣式 if($(this).children().hasClass('noselec')){ $(this).children().removeClass('noselec'); $(this).children().

QQ截圖20190607164151.png

//cart.js

$(function(){

$('.allsele').click(function(){

//判斷全選樣式

if($(this).children().hasClass('noselec')){

$(this).children().removeClass('noselec');

$(this).children().css('color','#ff6100');

//給子項加樣式

$('.seleitem').children().removeClass('cartitemselec')

$('.seleitem').children().css('color','#ff6100');

//調用 selec函數，實現計算金額

var len=$('.seleitem').length;

selec(1,'.seleitem',len);

}else{

$(this).children().addClass('noselec');

$(this).children().css('color','');

$('.seleitem').children().addClass('cartitemselec')

$('.seleitem').children().css('color','');

var len=$('.seleitem').length;

selec(0,'.seleitem',len);

}

})

$('.seleitem').click(function(){

if($(this).children().hasClass('cartitemselec')){

$(this).children().removeClass('cartitemselec');

$(this).children().css('color','#ff6100');

selec(1,this);//調用 selec函數，實現seleitem計算金額

//seleitem子項判斷是否全選

var elem=$(this).parents('.cartitem').siblings('.cartitem')

var len=elem.length;

var has=[];

for(var i=0;i<len;i++){

has[i]=elem.eq(i).find('.fa-check').hasClass('cartitemselec');

}

//inArray函數判斷fa-check是否全有cartitemselec屬性，全有代表全選，否則不能自動全選

if($.inArray(true,has)<0){

$(this).parents('.carshop').find('.allsele').children().removeClass('noselec');

$(this).parents('.carshop').find('.allsele').children().css('color','#ff6100');

}

}else{

$(this).children().addClass('cartitemselec');

$(this).children().css('color','');

$(this).parents('.carshop').find('.allsele').children().addClass('noselec');

$(this).parents('.carshop').find('.allsele').children().css('color','');

selec(0,this);

}

})

//點選增加數量

$('.add').click(function(){

var num=parseInt($(this).siblings('input').val());

num+=1;

$(this).siblings('input').val(num);

subtotle(num,this);

if(!$(this).parents('.cartitem').find('.fa-check').hasClass('cartitemselec')){

console.log(999);

totle=3199+parseFloat($('.totleNum').html());

$('.totleNum').html(totle);

}

})

//點選減少數量

$('.reduce').click(function(){

var num=parseInt($(this).siblings('input').val());

if(num>1){

num-=1;

$(this).siblings('input').val(num);

subtotle(num,this);

if(!$(this).parents('.cartitem').find('.fa-check').hasClass('cartitemselec')){

console.log(999);

totle=parseFloat($('.totleNum').html())-3199;

$('.totleNum').html(totle);

}

})

//獲取每項金額加入到總金額

function subtotle(a,tag){

// console.log(a);

var totle=a*3199;

$(tag).parents('.cartitem').find('.amounts').html(totle+'元');

return totle;

}

//獲取總金額

function selec(a,tag,len=0){

var sprice=0;

var snum=0;

if(len>0){

$('.subamount').html(2);

for(var i=0;i<len;i++){

sprice+=parseFloat($(tag).eq(i).parents('.cartitem').find('.amounts').html());

}

if(len==0){

sprice=parseFloat($(tag).parents('.cartitem').find('.amounts').html());

}

var subamount=parseFloat($('.subamount').html());

var stotle=parseFloat($('.totleNum').html());

if(a==1){

subamount+=1;

$('.subamount').html(subamount+'');

$('.totleNum').html(stotle+sprice+'');

}

if(a==0){

subamount-=1;

$('.subamount').html(subamount+'');

$('.totleNum').html(stotle-sprice);

}

})

//cart.html

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<h2 class="fl">我的購物車</h2>

<span class="fl">溫馨提示：產品是否購買成功，以最終下單為準哦，請盡快結算</span>

<div class="fl">我是某某某&nbsp&nbsp&nbsp<i class="fa fa-angle-down fa-1x"></i></div>

</div>

</div>

<span class="allsele"><i class="fa fa-check noselec"></i>&nbsp&nbsp&nbsp&nbsp全選</span>

</div>

<span class="waresname">小米MIX 2S 全網通版 6GB內存陶瓷標準版 64G...</span>

</span>

</div>

<span class="waresname">小米MIX 2S 全網通版 6GB內存陶瓷標準版 64G...</span>

</span>

</div>

<span class="waresname">小米MIX 2S 全網通版 6GB內存陶瓷標準版 64G...</span>

</span>

</div>

繼續(xù)購物 <span style="margin:0px 20px;color:#ccc">|</span>共 <span>3</span> 件商品，已選擇 <span class="subamount">0</span> 件

</div>

</div>

<span>買購物車中商品的人還買了</span>

</span>

</div>

<p>光學變焦雙攝，拍人更美</p>

</div>

<p>光學變焦雙攝，拍人更美</p>

</div>

<p>光學變焦雙攝，拍人更美</p>

</div>

<p>光學變焦雙攝，拍人更美</p>

</div>

<p>光學變焦雙攝，拍人更美</p>

</div>

<p>光學變焦雙攝，拍人更美</p>

</div>

<p>光學變焦雙攝，拍人更美</p>

</div>

<p>光學變焦雙攝，拍人更美</p>

</div>

</div>

<a href="#"><i class="fa fa-wrench"></i>預約維修服務</a><span></span>

<a href="#"><i class="fa fa-rotate-right"></i>7天無理由退貨</a><span></span>

<a href="#"><i class="fa fa-refresh"></i>15天免費換貨</a><span></span>

<a href="#"><i class="fa fa-map-marker"></i>520余家售后網點</a>

</div>

<dl>

</dl>

<dl>

</dl>

<dl>

<dd><a href="#">授權體驗店</a></dd>

</dl>

<dl>

<dd><a href="#">投資者關系</a></dd>

</dl>

<dl>

</dl>

<dl>

</dl>

<p class="timer">周一至周日 8:00-18:00<br>僅收市話費</p>

</div>

</div>

<ul>

<li>小米天貓店<span></span></li>

<li>Select Region</li>

</ul>

</div>

?mi.com 京ICP證110507號京ICP備10046444號京公網安備11010802020134號京網文[2014]0059-0009號違法和不良信息舉報電話：185-0130-1238，本網站所列數據，除特殊說明，所有數據均出自我司實驗室測試

</div>

</div>

探索黑科技，小米為發(fā)燒而生！

</div>

</body>

</html>

批改老師：查無此人批改時間：2019-06-10 09:42:04
老師總結：完成的不錯。學編程，先從模仿開始，繼續(xù)加油。

亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

小米購物車總結

熱門詞條