商品编辑续

商品编辑

描述：主要是根据选中事件选中或取消，编辑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"));
    }
}



效果如下图：





商品编辑续例子：

posted @ 2013-08-18 17:27  前端咖  阅读(983)  评论(0)  编辑  收藏  举报