Javascript 如何在jquery中使用实时计算求和值

我有一段用于实时计算的代码

$(document).ready(function(){
    $('#bread1').keyup(function(){
        $('.totalbread1').text($('#bread1').val() * 2.5); // how many of bread1, multiply with 2.5 price
    });

    $('#bread2').keyup(function(){
        $('.totalbread2').text($('#bread2').val() * 3.5);
    });

    $('#bread3').keyup(function(){
        $('.totalbread3').text($('#bread3').val() * 4.5);
    });

});

以同样的方式，我如何计算所有这些的实时总价，比如：

<span class="totalprice"></span> 

试试这个

$(document).ready(function(){
          $('#bread1').keyup(function(){
          $('.totalbread1').text($('#bread1').val() * 2.5); // how many of bread1, calculate with 2.5 price
          });
          $('#bread2').keyup(function(){
          $('.totalbread2').text($('#bread2').val() * 3.5);
          });
           $('#bread3').keyup(function(){
          $('.totalbread3').text($('#bread3').val() * 4.5);
          });
var total=parseInt($('.totalbread1').html())+parseInt($('.totalbread2').html())+parseInt($('.totalbread3').html());
 $('.totalprice').html(total);
});

---

试试这个：编写一个函数来计算total，并在每个文本框的每个keyup事件中调用它，如下所示

$(document).ready(function(){
      //function to calculate total
      var calculateTotal = function(){
          var total = (parseFloat($('.totalbread1').text()) || 0.0 ) +
                      (parseFloat($('.totalbread2').text()) || 0.0 ) +
                      (parseFloat($('.totalbread3').text()) || 0.0 );
          $('.totalprice').text(total);
      };
      $('#bread1').keyup(function(){
          $('.totalbread1').text($('#bread1').val() * 2.5); // how many of bread1, multiply with 2.5 price
          calculateTotal();
      });
      $('#bread2').keyup(function(){
          $('.totalbread2').text($('#bread2').val() * 3.5);
          calculateTotal();
      });
      $('#bread3').keyup(function(){
         $('.totalbread3').text($('#bread3').val() * 4.5);
          calculateTotal();
      });
});

---

如果您不只是提供一行代码，而是用一些上下文信息来解释它，那么您的答案将变得更有帮助。

$('.totalbread1').text(parseFloat($('#bread1').val()) * 2.5);