博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js 总结累计大全
阅读量:5837 次
发布时间:2019-06-18

本文共 3843 字,大约阅读时间需要 12 分钟。

1选择  select  获取val text   更改其他class值

 

                                               

 购物车 

地、单选 全选价格计算

// JavaScript Documentvar checkedList = {};function calculate(){    var total = 0;    $.each(checkedList,function(id,data){        console.log(id,data);        total += checkedList[id].price * checkedList[id].count;    });    $("#taotal").html("¥" + total);}/*单选*/$(document).on("change",".onecheck",function(e){    e.preventDefault();    var $li = $(this).parents("li");    var id = $li.attr("data-id");    if($(this).prop('checked')){        var count = $li.find(".num").val();        checkedList[id] = {price:$li.attr("data-price"),count:count};        $(this).next().addClass("active");    }else{        delete checkedList[id];        $(this).next().removeClass("active");    }    var allChecked = true;    $('.onecheck').each(function(){        if(!this.checked){            allChecked = false;            return false;        }        console.log("xx");    });    console.log('allchecked',allChecked);    $('.check-all').prop("checked",allChecked);    calculate();});/*所有选项*/$(document).on("change",".check-all",function(e){    e.preventDefault();    console.log( $(".squaredFour input"));    $(".onecheck").prop('checked',$(this).prop("checked")).trigger('change');    if($(this).prop('checked')){        $(this).next().addClass('active');    }else{        $(this).next().removeClass('active');    }    console.log('all');});/*减商品*/$(document).on("click",".down",function(e){    e.preventDefault();    var $li = $(this).parents("li");    var $input = $li.find(".num");    var origin = parseInt($input.val());    $input.val(origin-1);    $input.trigger('input');});/*加商品*/$(document).on("click",".up",function(e){    e.preventDefault();    var $li = $(this).parents("li");    var $input = $li.find(".num");    var origin = parseInt($input.val());    $input.val(origin + 1);    $input.trigger('input');});/*改变文本输入*/$(document).on("input",".num",function(e){    e.preventDefault();    var $li = $(this).parents("li");    var id = $li.attr("data-id");    if( checkedList[id] != undefined){        var count = $(this).val();        checkedList[id] = {price:$li.attr("data-price"),count:count};        calculate();    }});    
    @foreach($cart as $key=>$good)
    @endforeach
  • 全选

    合计:¥0.00

    不含运费

View Code

 

转载于:https://www.cnblogs.com/qiuyang1/p/4877415.html

你可能感兴趣的文章
1134 最长上升子序列 (序列型 DP)
查看>>
js冒泡排序
查看>>
第一次作业 4班卢炳武
查看>>
const int * 与 int *const
查看>>
抽象类的调用
查看>>
使用硬盘,安装双系统,Win7+CentOS
查看>>
Javascript学习总结
查看>>
JS 操作Excel格式
查看>>
php 用正则替换中文字符一系列问题解决
查看>>
ActiveMQ应用笔记一:基本概念&安装
查看>>
SAE+Java+jetty
查看>>
大话数据结构之四(串)
查看>>
加热炉简是新来的整个系统的板
查看>>
Mockito使用注意事项
查看>>
[LeetCode] Palindrome Linked List 回文链表
查看>>
UVA - 825Walking on the Safe Side(dp)
查看>>
android大概是通过logcat拦截Log
查看>>
android HDMI 清晰度 分辨率
查看>>
JQuery发送Put、Delete请求 - 摘自网络
查看>>
Android基于mAppWidget实现手绘地图(九)–如何处理地图对象的touch事件
查看>>