原生js实现京东购物车效果

html代码

<div class="container" id="conn" style="margin-bottom: 0;border-bottom: 1px solid transparent;">
    <ul class="clearFix" style="margin-bottom: 20px;">
        <li style="margin-left: 5px;width: 150px;">
            <input type="checkbox" id="checkedAll">全选
        </li>
        <li style="width: 470px;">
            商品信息
        </li>
        <li style="width: 110px;">
            单价
        </li>
        <li style="width: 200px;">
            数量
        </li>
        <li style="width: 110px;">
            金额
        </li>
        <li>
            操作
        </li>
    </ul>

</div>


<div class="container " style="background-color: #ccc;height: 60px;margin-top: 0;border-top: 1px solid transparent;line-height: 55px;">
    <button class="btn_del" id="btn_del_all" style="margin-left: 15px;float: left;margin-top: 20px;">删除</button>

    <span id="spaner1" style="float: right;font-size: 14px;line-height: 50px;margin: 0 15px;">合计不含运费:<h2 style="display: inline-block;" id="hprice">0.00</h2></span>

    <span id="spaner2" style="float: rig