js淘宝购物车功能描述:
1、点击“+”,单个商品数量加1,总数量加1;单个商品价格添加,总价也添加。
2、点击“-”,单个商品数量减1,总数量减1;单个商品价格减少,总价也减少。
当该商品数量为0时,点击依然为0;
3、显示出总价,总数量和其中最贵的那个商品的价格。
瞄一眼效果图:
废话不多说,LU代码
无标题文档 *{padding:0;margin:0;} #list,p{list-style:none;width:600px;margin:0 auto;} #list li {width:600px;height:50px;line-height:50px;margin-top:20px;font-size:20px;} #list li input{width:60px;height:40px;line-height:40px;} .highlight{color:red;font-size:30px;font-weight:bold;}
- 0 单价:12.5元 小计:0元
- 0 单价:10.5元 小计:0元
- 0 单价:8.5元 小计:0元
- 0 单价:8元 小计:0元
- 0 单价:14.5元 小计:0元
商品合计共:0件, 共花费了:0元
其中最贵的商品单是:0元
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持考高分网。



