php商品销售总价排名,统计购物车所以勾选商品的总价

摘要:$(function(){    //初始化     doPrice()// 鼠标移上全选框变色效果 $('.fa-check').mouseover(function(){   if($(this).attr('class')!='fa fa-check checked'

$(function(){

//初始化

doPrice()

// 鼠标移上全选框变色效果

$('.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(){

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

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=0

var currentvalue=nowvalue+1

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

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

var xiaoji=danjia*currentvalue

//页面中输出

$(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

//页面中输出

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

doPrice()

})

//统计所有勾选的值

function doPrice(){

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

var checkeditems=$('.list-item i[class$="checked"]').parents('.select').siblings('.good-total-price')//选中小计的价钱

var totalprice=0//储存总计

for(var i=0;i

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

}

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

//选中多少件

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

//总商品数

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

}

//删除当前商品

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

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

})

})

批改老师:天蓬老师批改时间:2019-08-15 10:44:31

老师总结:$('.operation').click(function(){

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

})

jquery 事件 推荐用on()

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值