动态的数量改变的时候另一个元素也改变

原创于 2016-12-23 17:39:36 发布 · 603 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种使用MUI框架实现的数量与价格联动更新的方法。当用户更改输入框中的数量时，通过JavaScript自动计算更新后的总价，并实时显示。此外，还提供了一个函数用于汇总所有商品的总价与总数量。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

情景描述：//数字变化的时候价钱也改变

mui(".mui-numbox").on("change",".mui-input-numbox",function(){
    var amount=$(this).val();
    var price= $(this).parents().siblings("input").val();
    $(this).parents().siblings(".A").children(".pri").html(parseInt(amount*price).toFixed(2)); //合计价格

//数量和合计价格的变化，便随着加减点击变化而变化，所以单独写个函数点击就调用
    getmoney();

});

function getmoney(){
//小计价格
var sumprice=0;
//数量
var amount=0;
   $(".pri").each(function(){
     var x=parseInt($(this).html());
     sumprice+=x;//合计价格
    $(".total_money").html(parseInt(sumprice).toFixed(2))
        });

    $(".mui-input-numbox").each(function(){
         var x=parseInt($(this).val());
         amount+=x;//合计数量
        $(".pronum").html(amount)
        });
}