一。全反選cart-1.html中寫script語句javascript
function checkAll(obj, name) { var el = document.getElementsByTagName('input'); var len = el.length; for (var key in el) { if (el[key].name == name) { if(obj.checked == true) { el[key].checked = true; } else { el[key].checked = false; } } }
全選按鈕加onclickhtml
<th class="wp7_5"><input type="checkbox" onclick="checkAll(this,'checkTest')" class="vm" /> 全選</th>
二。增長減小按鈕,cart-1.html中遍歷多個增長減小按鈕java
<div class="chooseAmount"> <a href="javascript:void(0);" th:onclick="${#strings.concat('subNum(').concat(cartsInfo.commodityId).concat(')')}"></a> <input th:id="${cartsInfo.commodityId}" type="text" class="fl inp-t" value="1" /> <a href="javascript:void(0);" th:onclick="${#strings.concat('addNum(').concat(cartsInfo.commodityId).concat(')')}"></a> </div>
三。each循環語句從數據庫中列出購物車的多件商品信息
數據庫
<tbody th:each="cartsInfo,status:${cartList}">//循環語句 <tr><td class="chk"><input type="checkbox" name="checkTest" /></td> <td><div class="cont cf"><img th:src="@{showImage(pictureId=${cartsInfo.pictureId})}"alt="" class="pic" /> <h4><span th:text="${cartsInfo.commodityName}"></span></h4> <p class=" mt10">規格:每<span th:text="${#strings.concat(cartsInfo.unit).concat(cartsInfo.specifications)}"></span></p> <p>品牌:<span th:text="${cartsInfo.brandName}"></span></p> </div></td> <td><p class="price yh"><span th:text="${cartsInfo.retailPrice}"></span>元</p></td>//商品信息 <td><div class="chooseAmount"><a href="javascript:void(0);" th:onclick="${#strings.concat('subNum(').concat(cartsInfo.commodityId).concat(')')}"></a> <input th:id="${cartsInfo.commodityId}" type="text" class="fl inp-t" value="1" /> <a href="javascript:void(0);" th:onclick="${#strings.concat('addNum(').concat(cartsInfo.commodityId).concat(')')}"></a></div></td>//增長減小按鈕 <td><p class="price yh"><span th:text="${cartsInfo.retailPrice}"></span>元</p></td> <td><a class="button" th:href="@{delCart(cartId=${cartsInfo.cartId},count=${cartsInfo.count},commodityId=${cartsInfo.commodityId})}"><span>刪除</span></a></td></tr> </tbody>