求：购物车场景 商品价格变化JS实现代码

Question

<ul class="mui-table-view" id="lists">
                    <li class="mui-table-view-cell rs-orderby-li">
                        <div class="rs-ordertop rs-over">
                            <div class="mui-pull-left mui-checkbox" style="margin-top: 30px;">
                                <input type="checkbox" class="rs-checkbox">
                            </div>                         
                            <div class="rs-txt">
                                <p class="rs-txt-title">商品标题商品标题商品标题商品标题</p>
                                <div class="rs-over">
                                    <span class="mui-pull-left">商品价格</span>
                                    <div class="mui-numbox mui-pull-right" data-numbox-min="1">
                                        <button class="mui-btn mui-btn-numbox-minus" type="button">-</button>
                                        <input class="mui-input-numbox" type="number" value="商品数量">
                                        <button class="mui-btn mui-btn-numbox-plus" type="button">+</button>
                                    </div>
                                </div>
                            </div>
                            <span class="mui-icon mui-icon-trash" style="padding-top: 35px;"></span>
                        </div>
                        <div class="rs-bottom">
                            其它文字其它文字其它文字其它文字
                        </div>
                    </li>
</ul>
<span id="nums">商品总金额</sapn>

---

说明：
1、li标签是后台循环出来的 一个li一个商品信息
2、页面引用了mui.min.js， （商品数量的加减效果是mui.min.js实现的）

求JS代码：
1、页面加载完后计算出 所有商品及其对应数量 的金额总和
2、商品数量的增减，商品总金额要增减对应商品的金额。
3、 勾选与取消勾选事件，商品总金额对应增加减少该商品数金额

4、我在减号按钮上写了个 onclick，当商品数量是2的时候，按减号按钮，商品数量变成1，但却不执行 onclick函数了，这是mui.min.js的问题吗，（大于2的数字按减号都会执行）

*注：如果1,2,3能解决这个问题，4可忽略，需要JS代码。

Answer 1

https://blog.csdn.net/tangtang5963/article/details/51283126