Javascript jquery更新文本框总数

Javascript jquery更新文本框总数,javascript,jquery,Javascript,Jquery,我有以下jquery函数,它将7个文本框相加,并将总数放入总计文本框中: $(document).ready(function() { $('.class2').keyup(function() { var sum = 0; $('.class2').each(function() { sum += Number($(this).val()); }); $('#GrandTotal').val((sum).toFixed(2)); }); })

我有以下jquery函数,它将7个文本框相加,并将总数放入总计文本框中:

$(document).ready(function() {
  $('.class2').keyup(function() {
    var sum = 0;
    $('.class2').each(function() {
      sum += Number($(this).val());
    });
    $('#GrandTotal').val((sum).toFixed(2));
  });
});
7个文本框由另一个函数填充。输入数量时,这些文本框将自动填充数量乘以价格。我遇到的问题是,在您从包含计算价格的文本框中取出选项卡之前,不会填充总计文本框。但是,如果我直接在文本框中输入价格(不使用数量),则总计文本框会立即更新。在输入数量后,我是否可以做些什么来更新总计文本框?该页面位于www.pfacmeeting.org/badgeform2.php。谢谢你在这方面的帮助


-cdr6800

当您自动填充文本框时,尝试使用
.trigger()
函数触发
keyup
事件:

$(".class2").trigger("keyup");
您应该将脚本更改为:

$('input[name="BadgeQuantity"]').keyup(function(){
    var a = 50;
    var b = $(this).val();
    $('input[name="BadgeTotal"]').val((a * b).toFixed(2));
    $(".class2").trigger("keyup");
});

$('input[name="ThursdayBreakfast"]').keyup(function(){
    var a = 42;
    var b = $(this).val();
    $('input[name="ThursdayBreakfastTotal"]').val((a * b).toFixed(2));
    $(".class2").trigger("keyup");
});

$('input[name="ThursdayLunch"]').keyup(function(){
    var a = 53;
    var b = $(this).val();
    $('input[name="ThursdayLunchTotal"]').val((a * b).toFixed(2));
    $(".class2").trigger("keyup");
});

$('input[name="FridayBreakfast"]').keyup(function(){
    var a = 42;
    var b = $(this).val();
    $('input[name="FridayBreakfastTotal"]').val((a * b).toFixed(2));
    $(".class2").trigger("keyup");
});

$('input[name="FridayLunch"]').keyup(function(){
    var a = 53;
    var b = $(this).val();
    $('input[name="FridayLunchTotal"]').val((a * b).toFixed(2));
    $(".class2").trigger("keyup");
});

$('input[name="FridayDinner"]').keyup(function(){
    var a = 115;
    var b = $(this).val();
    $('input[name="FridayDinnerTotal"]').val((a * b).toFixed(2));
    $(".class2").trigger("keyup");
});

$('.DrawingTickets').change(function(){
    var selectedValue = parseFloat($(this).val());
    $('#DrawingTicketsTotal').val((selectedValue).toFixed(2));
    $(".class2").trigger("keyup");
});


  $('.class2').keyup(function() {
    var sum = 0;

    $('.class2').each(function() {
      sum += Number($(this).val());
    });

    $('#GrandTotal').val((sum).toFixed(2));

  });

谢谢你,哥多。我是添加这一行还是用这一行替换函数中的一行?我到底要把它放在哪里?谢谢。Gothdo,这仍然需要从quantity文本框中选择tab来更新grand total文本框。这个问题的解决方案是什么?