购物车价格合计

难883

已于 2022-04-06 23:36:15 修改

阅读量341

点赞数

文章标签： javascript

于 2022-04-06 23:17:58 首次发布

本文链接：https://blog.csdn.net/qq_67193502/article/details/124003091

版权

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA6Zq-ODgz,size_20,color_FFFFFF,t_70,g_se,x_16

代码太多我就html上传一部分，商品内容可以复制添加，css代码我就不上传了，js有一部分代码很冗余做完后就不想优化了，大家都懂。思路：每一次点击让之前的价格清零，再从新开始算一遍。大家有更加简洁和好理解的思路和代码可以给我分享一下，谢谢。

<body>

</div>

199.5

</span>

<span>

/件

</span>

</div>

</div>

199.5

</span>

<span>

/件

</span>

</div>

</div>

199.5

</span>

<span>

/件

</span>

</div>

<p>注:商品半年内保修</p>

</div>

</div>

<div>

<p>选择支付方式</p>

<div><img src="./img/zfb.png" alt=""><span>支付宝支付</span><img class="imgclick" src="./img/selectnwhite.png" alt=""></div>

</div>

</div>

</body>

//js部分

var oInput = document.getElementsByClassName("select-all")[0]

var aInput = document.getElementsByClassName("checkbox-select")

var aDid = document.getElementsByClassName("calculate-price")

var aDiv = document.getElementsByClassName("srory-price")

var aDiva = document.getElementsByClassName("content-story")

var span7 = document.getElementsByClassName("total-allprice")[0]

var imgclick = document.getElementsByClassName("imgclick")

var hidden = document.getElementsByClassName("divhidden")

var odiv2 = document.getElementsByClassName("twoweb")[0]

var arr1 = []

var arr2 = []

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

arr1.push(aDiva[i].getElementsByClassName("calculate-price"))

arr2.push(aDiva[i].getElementsByClassName("srory-price"))

}

// var oSpan1 = aDiv.getElementsByClassName("srory-price-one")

var sSpan3 = document.getElementsByClassName("add-count")[0]

var countTatal = 0;

var priceTatal = 0;

// console.log(arr2)

oInput.onclick = function () {

for (let i = 0; i < aInput.length; i++) {

aInput[i].checked = oInput.checked

}

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

countTatal = 0

priceTatal = 0

for (let j = 0; j < arr1.length; j++) {

if (aInput[j].checked) {

for (let g = 0; g < arr1[j].length; g++) {

var span4 = arr1[j][g].getElementsByClassName("total-price")[0]

var span5 = arr2[j][g].getElementsByClassName("srory-price-one")[0]

countTatal += parseFloat(span4.innerHTML)

priceTatal += parseFloat(span4.innerHTML) * parseFloat(span5.innerHTML)

sSpan3.innerHTML = "结算(" + countTatal + ")"

span7.innerHTML = priceTatal

// console.log(priceTatal)

}

if (oInput.checked == false) {

countTatal = 0

sSpan3.innerHTML = "结算(" + countTatal + ")"

priceTatal = 0

span7.innerHTML = 0

}

sSpan3.οnclick=function(){

odiv2.style.display = "block"

}

function aClick(a) {

var two = a.getElementsByClassName("calculate-price")

// var aSpan2 = a.getElementsByClassName("calculate-price")

for (k = 0; k < two.length; k++) {

bclick(two[k])

}

function bclick(b) {

var count = 0;

var oLose = b.getElementsByClassName("calculate-price-lose")[0]

var oAdd = b.getElementsByClassName("calculate-price-add")[0]

var oSpan = b.getElementsByClassName("total-price")[0]

var aInput = document.getElementsByClassName("checkbox-select")

oAdd.onclick = function () {

// console.log("jia")

count++

oSpan.innerHTML = count

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

countTatal = 0

priceTatal = 0

for (let j = 0; j < arr1.length; j++) {

if (aInput[j].checked) {

for (let g = 0; g < arr1[j].length; g++) {

var span5 = arr2[j][g].getElementsByClassName("srory-price-one")[0]

var span4 = arr1[j][g].getElementsByClassName("total-price")[0]

countTatal += parseFloat(span4.innerHTML)

priceTatal += parseFloat(span4.innerHTML) * parseFloat(span5.innerHTML)

span7.innerHTML = priceTatal

sSpan3.innerHTML = "结算(" + countTatal + ")"

// console.log(countTatal)

}

oLose.onclick = function () {

// console.log("jian")

count--

if (count <= 0) {

count = 0

oSpan.innerHTML = count

} else {

oSpan.innerHTML = count

}

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

countTatal = 0

priceTatal = 0

for (let j = 0; j < arr1.length; j++) {

if (aInput[j].checked) {

for (let g = 0; g < arr1[j].length; g++) {

var span5 = arr2[j][g].getElementsByClassName("srory-price-one")[0]

var span4 = arr1[j][g].getElementsByClassName("total-price")[0]

countTatal += parseFloat(span4.innerHTML)

priceTatal += parseFloat(span4.innerHTML) * parseFloat(span5.innerHTML)

span7.innerHTML = priceTatal

sSpan3.innerHTML = "结算(" + countTatal + ")"

// console.log(countTatal)

}

for (let i = 0; i < aInput.length; i++) {

aClick(aDiva[i])

aInput[i].onclick = function () {

for (let i = 0; i < aInput.length; i++) {

countTatal = 0

priceTatal = 0

for (let j = 0; j < arr1.length; j++) {

if (aInput[j].checked) {

for (let g = 0; g < arr1[j].length; g++) {

var span5 = arr2[j][g].getElementsByClassName("srory-price-one")[0]

var span4 = arr1[j][g].getElementsByClassName("total-price")[0]

countTatal += parseFloat(span4.innerHTML)

priceTatal += parseFloat(span4.innerHTML) * parseFloat(span5.innerHTML)

span7.innerHTML = priceTatal

sSpan3.innerHTML = "结算(" + countTatal + ")"

// console.log(countTatal)

}

var oldimg = ""

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

imgclick[i].οnclick=function(){

imgclick[0].src = "./img/selectnwhite.png"

oldimg.src = "./img/selectnwhite.png"

oldimg=this

this.src = "./img/selecty.png"

}

hidden[i].οnclick=function(){

odiv2.style.display = "none"

}

难883

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
购物车价格合计

代码太多我就html上传一部分，商品内容可以复制添加，css代码我就不上传了，js有一部分代码很冗余做完后就不想优化了，大家都懂。思路：每一次点击让之前的价格清零，再从新开始算一遍。大家有更加简洁和好理解的思路和代码可以给我分享一下，谢谢。<body>  <div class="commoditybar">  <div class=...
复制链接

扫一扫