Javascript 文本框中输入的数字的平均值

有人能帮我计算一下用户在文本框中输入的数字的平均值吗。用户可以添加更多的文本框来输入新的数字，然后在新的文本框中显示平均值。例如，用户在3个文本框中自动输入67、87、45，在新文本框中弹出平均66.33。如果他愿意，他可以添加新的texbox来继续输入数字。 多谢各位

我发布的代码工作正常，我碰巧只计算了texbox的总和，我现在错过了平均值

<script>

Function send() {
val1 = parseFloat(document.form1.valeur_2.value);
if (isNaN(val1) == true ) val1=0;
val2 = parseFloat(document.form1.valeur_3.value);
if (isNaN(val2) == true ) val2=0;
val3 = parseFloat(document.form1.valeur_4.value);
if (isNaN(val3) == true ) val3=0;
val4 = parseFloat(document.form1.valeur_5.value);
if (isNaN(val4) == true ) val4=0;


function switchInfoPerso()
{
divInfo = document.getElementById('divacacher');
if (divInfo.style.display == 'none')
divInfo.style.display = 'block';
else
divInfo.style.display = 'none';
}
function switchInfoPerso1()
{
divInfo = document.getElementById('divacacher1');
if (divInfo.style.display == 'none')
divInfo.style.display = 'block';
else
divInfo.style.display = 'none';
}

function switchInfoPerso2()
{
divInfo = document.getElementById('divacacher2');
if (divInfo.style.display == 'none')
divInfo.style.display = 'block';
else
divInfo.style.display = 'none';
}

function switchInfoPerso3()
{
divInfo = document.getElementById('divacacher3');
if (divInfo.style.display == 'none')
divInfo.style.display = 'block';
else
divInfo.style.display = 'none';
}
</script>
<table>
<tr><td> 
<label>Audit Result</label> 
</td> 
<td> </br>
<label>#1</label> <input type="text" name="valeur_2" id="valeur_2"      
onchange="send()" size="10" /> <b>%</b> </br></br>
<a href="javascript: switchInfoPerso();" style="color:black">Show #2</a>
<div id="divacacher" style="display: none;"> 
<label>#2</label> <input type="text" name="valeur_3" id="valeur_3"    
onchange="send()"  size="10"/> <b>%</b> </br></br>

<a href="javascript: switchInfoPerso1();" style="color:black">Show #3</a>
<div id="divacacher1" style="display: none;"> 
<label>#3</label> <input type="text" name="valeur_4" id="valeur_4"   
onchange="send()" size="10"/><b>%</b>  </br></br>

<a href="javascript: switchInfoPerso2();" style="color:black">Show #4</a>
<div id="divacacher2" style="display: none;"> 
<label>#4</label> <input type="text" name="valeur_5" id="valeur_5"  
onchange="send()" size="10"/><b>%</b>  </br></br>

<a href="javascript: switchInfoPerso3();" style="color:black">Show #5</a>
<div id="divacacher3" style="display: none;"> 
<label>#5</label> <input type="text" name="valeur_6" id="valeur_6"   
onchange="send()" size="10"/><b>%</b>  </br></br></tr>
<tr><td> 
<label>Total audit result</label> 
</td> 
<td> 
<input type="text"  name="total" id="total" /></td></tr> 
<tr><td> 
<label>Audit average</label> 
</td> 
<td> 
<input type="text"  name="average" id="average" /></td></tr>
</table> 

函数send（）{
val1=parseFloat（document.form1.valeur_2.value）；
如果（isNaN（val1）=真）val1=0；
val2=parseFloat（document.form1.valeur_3.value）；
如果（isNaN（val2）=真）val2=0；
val3=parseFloat（document.form1.valeur_4.value）；
如果（isNaN（val3）=真）val3=0；
val4=parseFloat（document.form1.valeur_5.value）；
如果（isNaN（val4）=true）val4=0；
函数开关InfoPerso（）
{
divInfo=document.getElementById（'divacacher'）；
如果（divInfo.style.display==“无”）
divInfo.style.display='block'；
其他的
divInfo.style.display='none'；
}
函数开关InfoPerso1（）
{
divInfo=document.getElementById（'divacacher1'）；
如果（divInfo.style.display==“无”）
divInfo.style.display='block'；
其他的
divInfo.style.display='none'；
}
函数开关InfoPerso2（）
{
divInfo=document.getElementById（'divacacher2'）；
如果（divInfo.style.display==“无”）
divInfo.style.display='block'；
其他的
divInfo.style.display='none'；
}
函数开关InfoPerso3（）
{
divInfo=document.getElementById（'divacacher3'）；
如果（divInfo.style.display==“无”）
divInfo.style.display='block'；
其他的
divInfo.style.display='none'；
}
审计结果


#1%


#2%


#3%


#4%


#5%


总审计结果
审计平均数

---

我承认你的代码比我的代码更简单、更专业，但是我需要时间来理解它们并将它们应用到我的应用程序中。这就是为什么我想请你添加适用于我发布的代码的平均函数，这将使我更容易解决我的问题，同时我专注于你的代码来学习和理解它们总体审核结果有效，我错过了审核平均值。谢谢，根据您的需要，您可以使用以下选项：

将函数绑定到

文档

，为要计算的文本输入添加选择器，以重新计算数字。如果将函数直接绑定到输入类，则动态创建的输入将不会执行该函数

$(document).on("keyup", "input.calcme", function () {
    recalc();
});

通过将总和除以成员数来计算值：

function recalc() {
    var sum = 0;
    var nums = 0;
    $(".calcme").each(function () {
        nums++;
        sum += 1 * $(this).val();   // multiply by one to enforce numeric interpretation
    });
    $("#result").val(sum / nums);
}

在单击按钮时附加新输入：

function addmore() {
    $("#inputs").append('<input type="text" class="calcme" value="0" />');
    recalc();
}

函数addmore（）{
$（“#输入”）。追加（“”）；
recalc（）；
}

HTML:

+

演示：

$（函数（）{
附加输入（假）；
$（“#av”）。在（“单击”，“添加编号”，函数（）{
附加输入（真）；
});
$（“#av.inputs”）。打开（“按键”、“输入”功能（e）{
var代码=e.keyCode | | e.which；
if（code='9'&&！（e.shiftKey）&&&$（this.parent（“p”）.next（“p”）.length==0）addInput（true）；
});
$（“#av”）。在（“单击”，“删除输入”，函数（）{
$（this.parent（“p”）.remove（）；
});
功能附加输入（可拆卸）{
var输入=”；
如果（！可移动）{
输入=“
”；
}否则{
输入=“
”；
}
$（输入）。附加到（“#平均输入”）；
}
$（“#av.inputs”）。在（“键控”、“输入”功能上（）{
变量长度=$（“#平均输入”）.children（“p”）.length；
var合计=0；
对于（变量i=0；i

input[type=“text”]，input[type=“number”]{
保证金：5px；
填充物：5px；
边框：1px纯黑；
边界半径：4px；
-moz边界半径：4px；
-网络工具包边界半径：4px；
-khtml边界半径：4px；
}
输入[type=“text”]：焦点，输入[type=“number”]：焦点{
边框：1px实心#1CCDE8；
大纲：无；
}
输入[type=“submit”]：不（.removeInput），输入[type=“button”]：不（.removeInput）{
显示：块；
光标：指针；
保证金：5px；
填充物：5px；
边框：1px实心透明；
边界半径：4px；
-moz边界半径：4px；
-网络工具包边界半径：4px；
-khtml边界半径：4px；
大纲：无；
}
输入[type=“submit”].removeInput，输入[type=“button”].removeInput{
光标：指针；
边界：无；
背景：无；
大纲：无；
颜色：#999；
}
输入[type=“submit”]：不（.removeInput）：悬停，输入[type=“button”]：不（.removeInput）：悬停{
背景色：#1CCDE8；
颜色：白色；
}
表格p{
保证金：0；
}

要想让这成为一个正确的SO问题，您需要自己尝试一下。如果您遇到问题，需要一些代码或HTML来显示它有问题，请回来问一个关于您遇到的具体问题的问题非常感谢您的代码，但我必须将输入值存储在变量中，然后将其发送到表usi中ng sql和php。它比我的代码更简单，但这个问题正在向我展示。如果我可以使用我在代码中使用的相同方法计算平均值？感谢你的代码，但我不知道如何使用php和sql在msql表的文本框中发送值。你想什么时候存储值？每次发生变化或单击时使用提交按钮？无论哪种方式，您都可以使用表单，使用.php脚本处理SQ

<div id="inputs">
    <input type="text" class="calcme" />
</div>
<button id="addmode" onclick="addmore()">+</button>
<input readonly="readonly" id="result" />