Javascript 如何计算通过动态添加的输入字段输入到另一个文本框中的值的平均值？_Javascript_Jquery

Javascript 如何计算通过动态添加的输入字段输入到另一个文本框中的值的平均值？

javascript jquery

Javascript 如何计算通过动态添加的输入字段输入到另一个文本框中的值的平均值？,javascript,jquery,Javascript,Jquery,我想计算通过动态地将数字文本字段添加到另一个名为average的文本字段中输入的输入的平均值。请指导我如何使用javascript计算动态字段的平均值 <html> <body> <form> <table id="dynamic_field"> <td> <div> <input

我想计算通过动态地将数字文本字段添加到另一个名为average的文本字段中输入的输入的平均值。请指导我如何使用javascript计算动态字段的平均值

<html>
<body>
         <form>
        <table id="dynamic_field">
             <td>
              <div>
               <input type="hidden" class="form-control"  name="uuid[]"/>
              </div>
             </td>
             
             <td><input type="text" class="form-control" id="average" name="average"/></td>
            
             <td>
              <div>
               <label>Enter number</label>
                <input type="text" class="form-control"  name="number[]" />
              </div>
             </td>
    <td><button type="button" name="add" id="add" class="btn btn-success">Add More</button></td> 
            <input type="submit" name="submit" id="submit" value="Submit">
        </table>
            </form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
</body>
</html>
        
            <script type="text/javascript">
              $(document).ready(function(){
                var max_input = 7;
                var i = 1;
            
              $("#add").click(function(){if (i < max_input) {
                  i++;
                  $('#dynamic_field').append('<tr id="row'+i+'"><td><div><input type="hidden" class="form-control"  name="uuid[]"/></div></td><td>&nbsp;</td><td><div><label>Enter number</label><input type="text" class="form-control"  name="number[]" /></div></td><td>&nbsp;</td><td valign="bottom"><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr><tr><td>&nbsp;</td><td>&nbsp;</td></tr>');  
                }});
            
                $(document).on('click', '.btn_remove', function(){  
                  var button_id = $(this).attr("id");   
                  $('#row'+button_id+'').remove();  
                });
            
                $("#submit").on('click',function(){
                  var formdata = $("#main-form").serialize();
                  $.ajax({
                    url   :"action.php",
                    type  :"POST",
                    data  :formdata,
                    cache :false,
                    success:function(result){
                      alert(result);
                      $("#main-form")[0].reset();
                    }
                  });
                });
              });
            </script>


输入数字
添加更多
$（文档）.ready（函数（）{
var max_输入=7；
var i=1；
$（“#添加”）。单击（函数（）{if（i

您可以使用

每个

循环对所有数字输入进行迭代，并在每次迭代时将输入值存储在某个变量中，然后将该总数除以计数，最后将结果添加到平均输入框中

演示代码：

$（文档）.ready（函数（）{
var max_输入=7；
var i=1；
$（“#添加”）。单击（函数（）{
如果（i<最大输入）{
i++；
$（“#动态_字段”）。追加（“输入数字X”）；
}
});
$（文档）.on（'click'，'btn_remove'，函数（）{
var按钮_id=$（this.attr（“id”）；
$（“#行”+按钮id+”）.remove（）；
});
$（文档）.on（“输入”，“输入[name*=number]”，函数（）{
var合计=0；
//获取输入字段的长度
var count=parseInt（$（“输入[name*=number]”）。长度）；
//通过每个输入进行循环
$（“输入[name*=number]”）。每个（函数（）{
//加
总计+=$（this.val（）！=“”？parseInt（$（this.val（））：0
})
//将值放入输入框中
$（“#平均值”）.val（总数/计数）；
})
});

输入数字
添加更多
能否显示所需的准确输出？用户最多可以动态添加7个文本字段。我只想要当前值的平均值。因此，如果用户在两个输入数字字段中输入了8和10；然后，输出应该是9。As，（8+10）/2（输入字段数）的平均值为9。