摘要: 一、背景和需求 在购物车页面中,当用户点击“提交订单”按钮时 需要收集商品ID、商品数量等订单数据,并向后端发送POST请求 二、HTML代码 以SKU为单位的商品数据的层级结构如下: <div class="item" id="007"> <div class="p-checkbox"> <inp 阅读全文
posted @ 2020-07-04 10:02 BAEBAE996 阅读(846) 评论(0) 推荐(0)
摘要: 一、背景和需求 在购物车页面中,需要为用户提供商品全选/全不选的功能 每件商品的勾选框是一个 [type=checkbox] 的input 在商品列表的顶部栏还需设置一个“全选”勾选框 当用户点击结算时,显示已勾选商品的总价 二、HTML代码 全选框 <div class="t-checkbox"> 阅读全文
posted @ 2020-07-04 10:00 BAEBAE996 阅读(1163) 评论(0) 推荐(0)
摘要: 一、背景和需求 在购物车页面中,需要为用户提供调整商品数量的功能 数量增减框由2个button和1个[type=text]的input组成 点击 + 按钮时,数量加一;点击 - 按钮时,数量减一 并更新此商品对应的“小计” 二、HTML代码 <div class="p-quantity"> <inp 阅读全文
posted @ 2020-07-04 09:58 BAEBAE996 阅读(6472) 评论(1) 推荐(0)