css+js简单实现购物车全选，添加，删除，总计

最新推荐文章于 2024-09-05 23:05:05 发布

人间巳时

最新推荐文章于 2024-09-05 23:05:05 发布

阅读量4.9k

点赞数 1

分类专栏： css js 前端文章标签： CSS JS

本文链接：https://blog.csdn.net/Shiny__boy/article/details/98439598

版权

css+js简单实现购物车全选，添加，删除，总计

		<tr align="center">  <!-- 2行 -->
			<td><input type="checkbox" id="ckAll" onclick="checkAll()"/>全选</td>
			<td>商品名称</td>
			<td>商品价格</td>
			<td>商品数量</td>
			<td>小计</td>
			<td>删除</td>
		</tr>
		<tr align="center"> <!-- 3行 -->
			<td><input type="checkbox" name="checkItem"/></td>
			<td>雪花啤酒</td>
			<td><div class="price">5</div></td>
			<td><img src="image/add.png" name="add" onclick="addnumber(this)"><div name="counterDiv">5</div><img src="image/cut.png" name="cut" onclick="cutnumber(this)"></td> <!-- <input type="number" id="sumcounter1" min="5" step="1" max="10" value="5"/> -->
			<td><div name="sumprice">25</div></td>
			<td><input type="button" name="deletetd" value="删除" onclick="deletetd(this)" /></td>
		</tr>
		<tr align="center"> <!-- 4行 -->
			<td><input type="checkbox" name="checkItem" /></td>
			<td>辣条</td>
			<td>4</td>
			<td><img src="image/add.png" name="