Javascript 如何计算更改时的输入值,以及它应显示默认值结果?

Javascript 如何计算更改时的输入值,以及它应显示默认值结果?,javascript,jquery,Javascript,Jquery,$('.form group').on('change','.prc',function()){ 设totalSum=0; $('.form group.prc')。每个(函数(){ 让inputVal=$(this.val(); 如果($.isNumeric(inputVal)){ totalSum+=parseFloat(inputVal); } }); $('#result').html(totalSum); }); 此脚本仅在更改输入字段后计算数据,但如何 我是否也计算默认值 只需执

$('.form group').on('change','.prc',function()){
设totalSum=0;
$('.form group.prc')。每个(函数(){
让inputVal=$(this.val();
如果($.isNumeric(inputVal)){
totalSum+=parseFloat(inputVal);
}
});
$('#result').html(totalSum);
});

此脚本仅在更改输入字段后计算数据,但如何 我是否也计算默认值

只需执行以下两个步骤:

  • 将逻辑移到
    Calculate\u,然后\u AssignValueToResult()
    方法中

  • 默认情况下调用它(比如在
    有效负载
    document.ready
    )并在更改事件侦听器时将其作为回调函数
    传递

    $(document).ready(function() {
      Calculate_Then_AssignValueToResult(); // Do it to calculate the default.
    });
    
    $('.form-group').on('change','.prc', Calculate_Then_AssignValueToResult);
    
  • Calculate_然后_AssignValueToResult();
    $('.form group')。在('change','.prc'上,计算\u然后\u赋值结果);
    函数计算\u然后\u赋值结果(){
    设totalSum=0;
    $('.form group.prc')。每个(函数(){
    让inputVal=$(this.val();
    如果($.isNumeric(inputVal)){
    totalSum+=parseFloat(inputVal);
    }
    });
    $('#result').html(totalSum);
    }
    
    

    如果要计算初始负载,只需触发器

    $('.form group').on('change','.prc',function()){
    设totalSum=0;
    $('.form group.prc')。每个(函数(){
    让inputVal=$(this.val();
    如果($.isNumeric(inputVal)){
    totalSum+=parseFloat(inputVal);
    }
    });
    $('#result').html(totalSum);
    });
    美元(“.prc”)。触发(“变更”)//刚刚在代码中添加了初始触发器