国产精品久久久久久妇女,亚洲欧美日韩在线不卡

????：小米商城（購(gòu)物車頁(yè)面及統(tǒng)計(jì)效果實(shí)現(xiàn)HTML）<!DOCTYPE html><html lang="en"><head><title>小米商城</title><meta charset="utf-8"><link rel="shortcut icon" type=

小米商城（購(gòu)物車頁(yè)面及統(tǒng)計(jì)效果實(shí)現(xiàn)HTML）

<!DOCTYPE html>

<head>

</head>

<body>

<h6 class="notice">溫馨提示：產(chǎn)品是否購(gòu)買成功，以最終下單為準(zhǔn)哦，請(qǐng)盡快結(jié)算</h6>

</div>

<a href="javascript:void(0)" class="toUserInfo">我是某某某</a>

<ul>

</ul>

</div>

</div>

</div>

</div>

<div class="good-name"> 小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存陶瓷標(biāo)準(zhǔn)版 64GB 白色 64GB </div>

</div>

</div>

<div class="good-name"> 小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存陶瓷標(biāo)準(zhǔn)版 64GB 白色 64GB </div>

</div>

</div>

<div class="good-name"> 小米MIX 2S 全網(wǎng)通版 6GB內(nèi)存陶瓷標(biāo)準(zhǔn)版 64GB 白色 64GB </div>

</div>

</div>

</div>

</div>

<p>買購(gòu)物車中商品的人還買了</p>

</div>

</div>

</div>

</div>

<div>

</div>

</div>

</div>

</div>

</div>

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

<a href="#"><i class="fa fa-map-marker"></i>520余家售后網(wǎng)點(diǎn)</a>

</div>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

<dl>

</dl>

<p class="time">周一至周日 8:00-18:00<br>(僅收市話費(fèi))</p>

</div>

</div>

</div>

<ul>

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

<li>Select Region</li>

</ul>

</div>

京ICP證110507號(hào)

<a href="">京ICP備10046444號(hào)</a>

<br>

違法和不良信息舉報(bào)電話：185-0130-1238，本網(wǎng)站所列數(shù)據(jù)，除特殊說(shuō)明，所有數(shù)據(jù)均出自我司實(shí)驗(yàn)室測(cè)試

</div>

</div>

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

</div>

</body>

</html>

小米商城（購(gòu)物車頁(yè)面及統(tǒng)計(jì)效果實(shí)現(xiàn)jQuery實(shí)現(xiàn)數(shù)量及價(jià)格統(tǒng)計(jì)）

$(function(){

//初始化總價(jià)

doPrice();

//鼠標(biāo)移上全選框變色效果

$('.fa-check').mouseover(function(){

if($(this).attr('class')!='fa fa-check checked'){

$(this).css('color','#ff6700');

}

})

$('.fa-check').mouseleave(function(){

$(this).css('color','#fff');

})

//普通選擇

$('.fa-check').click(function(){

var cla = $(this).attr('class');

if(cla != 'fa fa-check checked'){

$(this).attr('class','fa fa-check checked');

}else{

$(this).attr('class','fa fa-check');

}

doCheckAll();

doPrice();

})

//全選選擇

$('#check-all').click(function(){

var cla=$(this).attr('class');

if(cla!='fa fa-check checked'){

$('.fa-check').attr('class','fa fa-check checked');

}else{

$('.fa-check').attr('class','fa fa-check');

}

doPrice();

})

//檢查是否全選

function doCheckAll(){

//定義一個(gè)變量存沒(méi)有被選中的DIV的長(zhǎng)度

var allitem=$('.list-item i[class*="fa-check"]').length;

//定義一個(gè)變量存被選中的DIV的個(gè)數(shù)

var checkeditem=$('.list-item i[class*="checked"]').length;

if(allitem != checkeditem){

$('#check-all').attr('class','fa fa-check');

}else{

$('#check-all').attr('class','fa fa-check checked');

}

//加減按鈕

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

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

var nowvalue=parseInt(nowvalue);

var currentvalue=nowvalue+1;

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

//獲取到單價(jià)

var danjia=parseFloat($(this).parents('.good-num').siblings('.good-price').html());

//計(jì)算出小計(jì)金額

var xiaoji=danjia*currentvalue;

//頁(yè)面中輸出小計(jì)的金額

$(this).parents('.good-num').siblings('.good-total-price').html(xiaoji+'元');

doPrice();

})

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

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

var nowvalue=parseInt(nowvalue);

var currentvalue=0;

nowvalue<=1 ? currentvalue=1 : currentvalue=nowvalue-1;

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

var danjia=parseFloat($(this).parents('.good-num').siblings('.good-price').html());

var xiaoji=danjia*currentvalue;

//頁(yè)面中輸出小計(jì)的金額

$(this).parents('.good-num').siblings('.good-total-price').html(xiaoji+'元');

doPrice();

})

//統(tǒng)計(jì)所有勾選的值計(jì)算總價(jià)

function doPrice(){

//獲取有幾個(gè)DIV

var items=$('.list-item i[class*="fa-check"]');

//獲取被選小計(jì)金額

var checkeditems=$('.list-item i[class$="checked"]').parents('.select').siblings('.good-total-price');

var totalprice=0;

for(var i=0;i<checkeditems.length;i++){

totalprice+=parseFloat(checkeditems[i].innerHTML);

}

$('.sum-price').html(totalprice);

//統(tǒng)計(jì)選中了幾件商品

$('.select-count').html(checkeditems.length);

//總商品數(shù)量

$('.all-count').html(items.length);

}

//刪除當(dāng)前商品

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

$(this).parents('.list-item').remove();

})

?? ???：查無(wú)此人?? ??：2019-04-01 09:33:48
???? ??：完成的不錯(cuò)，代碼很多，下次可以截圖上傳，繼續(xù)加油。

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

小米商城（購(gòu)物車頁(yè)面及統(tǒng)計(jì)效果實(shí)現(xiàn)）

?? ??