JQuery:将数字相乘到单独的数组,然后得到结果的总和
JQuery: Multiply numbers from to seperate arrays and then get the sum of the results
我有一个页面,允许学生计算他们的加权平均值。它的工作原理是学生在两个单独的表单字段中添加他们的成绩,然后他们可以根据需要添加任意数量的表单字段行。基本计算方法是:(ECTS * 等级)的总和/(ECTS )的总和。
(注意:该页面是丹麦语,因此某些语言不是英语。
现在我做PHP的计算,它们看起来像这样:
if($_POST['karakter'])
{
$karakter=$_POST['karakter'];
}
if($_POST['ects'])
{
$ects=$_POST['ects'];
$samletects = array_sum($ects);
}
for($i = 0; $i < count($karakter); $i++) {
$result[] = $karakter[$i] * $ects[$i];
}
$samletv = array_sum($result);
$fulderesultat = ($samletv/$samletects);
$afrundet = round($fulderesultat, 2);
if($_POST['karakter'])
{
echo "<h4>Dit vægtede gennemsnit er:</h4><p class='resultatet'>" . $afrundet . "</p>";
} else {
echo "<h4>Dit vægtede gennemsnit er:</h4><p class='resultatet'>?</p>";
}
但是,我希望能够实时进行计算,这样您就不会在每次进行计算时丢失添加到表格中的成绩。
这个小提琴显示了我如何添加表单字段http://jsfiddle.net/Chrintz/sv513b5r/26/
现在的页面:http://snittet.dk/
我的问题和问题是我如何在Jquery而不是PHP中进行计算。我已经弄清楚了如何获取 ECTS 数组的总和:
http://jsfiddle.net/Chrintz/omccrobs/
但是我不知道如何做这部分:总和(ECTS * 等级)
将一个数组的数字乘以另一个数组的相应数字,然后得到新数组的数字之和。
我基本上需要帮助的是创建两个数组,一个包含成绩,一个包含 ECTS。然后我想将相应的值相乘,从而创建第三个数组。然后我想将第三个数组的值相加,并将其除以 ects 数组的加起来的值
这里有许多(客户端)解决方案。例如:将输入元素转换为元素Array
,并将Array.map/Array.reduce
应用于计算。
类似(值更改时自动计算):
calculate();
// autocalculate
$('body').on('keyup', 'input', calculate);
function calculate(e) {
var grades = $('#grades input').toArray();
var ects = $('#ects input').toArray();
// calculate values
var totalEcts = ects.map( function (ectsInput) {return +ectsInput.value || 0;} )
.reduce( function (p, n) {return p + n;}, 0 );
var meanGrade = grades
.map( function (gradeInput) {return +gradeInput.value || 0;} )
.reduce( function (p, n) {return p+n;}, 0 ) / grades.length;
var weighted = grades
.map(
function (gradeInput, i) {
return (+gradeInput.value || 0) * (+this[i].value || 0);
}, ects)
.reduce( function (p, n) {return p + n;}, 0 ) /
(totalEcts > 0 ? totalEcts : 1) // avoid division by zero
// display calculated values
$('#meanGrade').html( 'mean: ' + meanGrade.toFixed(2) );
$('#totalECTS').html( 'total: ' + totalEcts );
$('#weightedMean').html( 'sum(grade * ects) / sum(ects): ' + weighted.toFixed(2));
}
body {font: 12px/15px normal verdana, arial; margin: 2em;}
input {width: 3em; margin-bottom: 0.3em;}
#grades {float:left; margin-right: 3em;}
#meanGrade, #totalECTS, #weightedMean {font-weight: bold; color: green}
#weightedMean {display: inline-block; border-top: 1px dotted #777; margin-top: 0.5em;);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="grades">Grades<br>
<input type="text" class="karakter input" value="5.4"/><br>
<input type="text" class="karakter input" value="6.2"/><br>
<input type="text" class="karakter input" value="7.0"/><br>
<input type="text" class="karakter input" value="6.9"/><br>
<input type="text" class="karakter input" value="4.3"/><br>
<span id="meanGrade"> </span>
</div>
<div id="ects">ECTS<br>
<input type="text" class="ECTS input" value="5"/><br>
<input type="text" class="ECTS input" value="10"/><br>
<input type="text" class="ECTS input" value="5"/><br>
<input type="text" class="ECTS input" value="5"/><br>
<input type="text" class="ECTS input" value="15"/><br>
<span id="totalECTS"> </span>
</div>
<p id="weightedMean"></p>
顺便说一句:我无法弄清楚您所说的(ECTS * 等级)的总和是什么意思。你能详细说明一下吗?我从事教育工作,不知道有任何司法系统会做这样的计算。
相关文章:
- 如何利用多链接延迟检查并显示ping结果,然后使用JavaScript选择最快的URL
- onchange选择get value并执行查询,然后在同一页面上显示结果
- 使用函数for循环遍历对象以更改值,然后返回结果
- 斐波那契数列的结果是无穷大,然后是 NaN
- 将函数从 obj 传递到数组中.然后添加数组,但结果是 NaN.为什么
- 使用下拉列表中的值查询 MySQL 数据库,然后使用结果填充文本字段而不刷新页面
- 将一个结果集除以另一个结果集,然后显示答案
- JQuery:将数字相乘到单独的数组,然后得到结果的总和
- 在表单中搜索字段,然后对所有选定的结果执行某些操作
- 当将页面提交到谷歌表单时,它将打印结果,然后使用 javascript 重定向到主页
- 循环检查选中的复选框,然后显示结果
- 检索两个列表,对值进行排序和比较,然后显示所有结果
- 显示选择下拉列表中的结果,然后克隆并添加另一个选择
- 进行 ajax 调用,如果不是所需的结果,则提取一个值,然后继续重复,直到达到所需的结果
- 如何先从Firebase获取结果,然后重定向到另一个页面
- 组合然后排序Javascript数组.得到不可预测的结果
- 一段html+javascript,用于查找输入中的数字是否为素数,然后显示结果
- 使用javascript/lodash对特定键的相同值进行分组,并对其进行计数,然后将结果返回到数组
- 在文件中写入然后读回TypeBuffer会产生意外的结果
- jquery/ajax以用户输入为条件运行php查询,然后显示查询结果而不刷新页面