jquery 实现购物车的商品总数及价格计算

最新推荐文章于 2022-07-18 16:55:09 发布

萌新jser

最新推荐文章于 2022-07-18 16:55:09 发布

阅读量3.5k

点赞数 1

文章标签： jquery

本文链接：https://blog.csdn.net/qq_43769553/article/details/101227248

版权

该博客介绍了如何利用jQuery来实现购物车功能，包括计算商品的总数量和总价。通过HTML和JS代码示例，展示了具体的实现过程，并提供了最终的显示效果。

摘要由CSDN通过智能技术生成

jquery 实现购物车的价格计算和商品件数计算

html代码如下

<ul>
    <li>
        <input type="checkbox">商品一 单价 <span>100</span> <button>-</button>
        <input type="text" value="1"> <button>+</button> 小计 : <span>100</span>
    </li>
    <li>
        <input type="checkbox">商品二 单价 <span>150</span> <button>-</button>
        <input type="text" value="1"> <button>+</button> 小计 : <span>150</span>
    </li>
    <li>
        <input type="checkbox">商品三 单价 <span>200</span> <button>-</button>
        <input type="text" value="1"> <button>+</button> 小计 : <span>200</span>
    </li>
</ul>
<p>
    一共 <span id="count">0</span&g