在 jquery 中获取值

Question

我在从Total列中获取所有值并将其显示在总计字段中时遇到问题，但它没有显示任何内容。 请帮助我是 jquery 的新手。 我正在使用这种脚本。 我这里有一个片段。

<script>
  $(function() {

      $('.total').mask('#,###.##',{reverse : true});

      var grand_total = function() {
          var sum=0;
          $('.total').each(function(){
              var num = $(this).val().replace(',','');

              if(num != 0) {
                  sum +=parseFloat(num);
              }    
          });
          $('#grand_total').val(sum.toFixed(2));
      }
       $('.total').keyup(function(){
          grand_total();
       });
  });
</script>

Answer 1

基于您分享的演示： Fiddle Demo

您的代码中有几个问题：

1. 您的代码中没有具有类.total 。 我假设标题名称为“总计”的最后一列需要具有此类。
2. 接下来，您将在.total类元素上的 keyup 事件上调用grand_total()函数，但由于此类中不存在任何元素，因此总计字段未显示任何内容。
3. 此外，“总计”列元素是readonly ，因此无论如何都不会触发keyup事件。

要解决这些问题，首先将.total类添加到“Total”列中的所有元素，然后在类.amount1 、 .amount2等的所有 keyup 事件中添加grand_total()函数。这样当任何 keyup 事件发生时被解雇总计将自动计算。

这是具有上述所有更改的更新演示：工作小提琴演示