全反選,增長減小按鈕

一。全反選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>
相關文章
相關標籤/搜索