<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>商品列表页面</title>
<link rel="stylesheet" type="text/css" href="./style.css" />
<script src="./script.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<div class="catbox">
<table id="cartTable">
<thead>
<tr>
<th>
<label><input class="check-all check" type="checkbox"> 全选</label>
</th>
<th>商品</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr class="on">
<td class="checkbox"><input class="check-one check" type="checkbox"></td>
<td class="goods"><img src="images/iphoneX.jpg" alt=""><span>iphoneX</span></td>
<td class="price">7828</td>
<td class="count"><span class="reduce"></span>
<input class="count-input" type="text" value="1">
<span class="add">+</span></td>
<td class="subtotal">7828</td>
<td class="operation"><span class="delete">删除</span></td>
</tr>
<tr class="on">
<td class="checkbox"><input class="check-one check" type="checkbox"></td>
<td class="goods"><img src="images/iphone6splus.jpg" alt=""><span>iphone6s plus</span></td>
<td class="price">3699</td>
<td class="count"><span class="reduce"></span>
<input class="count-input" type="text" value="1">
<span class="add">+</span></td>
<td class="subtotal">3699</td>
<td class="operation"><span class="delete">删除</span></td>
</tr>
<tr class="on">
<td class="checkbox"><input class="check-one check" type="checkbox"></td>
<td class="goods"><img src="images/huaweiP10.jpg" alt=""><span>华为P10</span></td>
<td class="price">3488</td>
<td class="count"><span class="reduce"></span>
<input class="count-input" type="text" value="1">
<span class="add">+</span></td>
<td class="subtotal">3488</td>
<td class="operation"><span class="delete">删除</span></td>
</tr>
<tr class="on">
<td class="checkbox"><input class="check-one check" type="checkbox"></td>
<td class="goods"><img src="images/meizuPro7plus.jpg" alt=""><span>魅族Pro7 plus</span></td>
<td class="price">2399</td>
<td class="count"><span class="reduce"></span>
<input class="count-input" type="text" value="1">
<span class="add">+</span></td>
<td class="subtotal">2399</td>
<td class="operation"><span class="delete">删除</span></td>
</tr>
</tbody>
</table>
<div class="foot" id="foot">
<label class="fl select-all"><input type="checkbox" class="check-all check"> 全选</label>
<a class="fl delete" id="deleteAll" href="javascript:;">删除</a>
<div class="fr closing" onclick="getTotal();">结 算</div>
<input type="hidden" id="cartTotalPrice">
<div class="fr total">合计:¥<span id="priceTotal">11957.48</span></div>
<div class="fr selected" id="selected">已选商品<span id="selectedTotal">4</span>件<span class="arrow up">︽</span><span class="arrow down">︾</span></div>
<div class="selected-view">
<div id="selectedViewList" class="clearfix"></div>
<span class="arrow">◆<span>◆</span></span> </div>
</div>
</div>
</body>
</html>