zoukankan      html  css  js  c++  java
  • 商品编辑续

    商品编辑

    描述:主要是根据选中事件选中或取消,编辑DOM元素错做,增加,删除,修改。

    功能:用户选择某一个商品时,标记选中的商品,在商品栏中添加选中的商品并计算商品的总价钱。
    当用户取消选中商品或点击商品栏中的删除按钮时,删除对应的商品,取消商品的标记并重新计算价钱。
    在商品列表中ul(id:accradio)中,每一个li属性上记录商品的ID,price,name等等基本信息。
    在商品栏中ul(id:chooselist)中,记录li属性上的商品的ID,price,name等等基本信息。


    备注:在计算价钱时,由于javascript本身的bug,会显示有偏差。
    javscript中计算浮点数时有精度误差bug。
    例如:
    0.8 + 0.9 = 1.7000000000000002
    并非是1.7


    处理浮点数精度的bug:

    function fixedNumber(t){
        if(-1==t.toFixed(2).toString().indexOf(".")){
            return (t.toFixed(2).toString());
        }else{
            return (t.toFixed(2).toString().replace(/(.+?)(0{1,})$/,"$1").replace(/(.+).$/,"$1"));
        }
    }



    效果如下图:





    商品编辑续例子:

  • 相关阅读:
    ubuntu下使用ppa安装codeblocks集成开发环境
    CentOS g++ 安装
    CentOS 7.1云服务器 配置FTP服务器vsftpd
    div高度自适应浏览器高度
    HTML中的head结构
    javascript高级进阶系列
    javascript集中跨域方法
    canvas标签的width和height以及style.width和style.height的区别
    html5学习笔记之入新特性
    ie下a标签里的图片会有边框
  • 原文地址:https://www.cnblogs.com/kuikui/p/3266174.html
Copyright © 2011-2022 走看看