jquery - 数学:将文本输入的总数相加并查找百分比

Question

我有两种类型的文本输入，积极的和可疑的。在将输入到这两种类型的输入中的所有数字相加后，我需要显示多组这些输入的总数。例如:2 个阳性 + 2 个可疑 = 总计:4

然后，我需要从总数中找出积极与可疑的百分比。例如:50% 积极，50% 可疑。

我想在用户输入时实时添加这些总数和百分比。

到目前为止我还没有取得任何进展。有什么最好的方法来做到这一点的想法吗？我应该使用 .blur 还是 .each？

jsfiddle:http://jsfiddle.net/infatti/UjU4a/

这是我到目前为止所拥有的，但它不起作用:

<label>How many positive?</label>
<input type="text" name="positive" class="observationPositive">
<br />

<label>How many questionable?</label>
<input type="text" name="questionable" class="observationQuestionable">
<br />

<hr />

<label>How many positive?</label>
<input type="text" name="positive" class="observationPositive">
<br />

<label>How many questionable?</label>
<input type="text" name="questionable" class="observationQuestionable">
<br />

<hr />

<h4><span  id="observationTotal"></span> Total</h4>
<h4><span  id="observationQuestionablePercentage"></span>% Questionable</h4>
<h4><span  id="observationPositivePercentage"></span>% Positive</h4>

$('.observationPositive').blur(function () {
    var sum = 0;
    $('.observationPositive').each(function() {
        sum += Number($(this).val());
    });
});​​​​​​​​​
$('#observationTotal').text(sum);

Answer 1

假设您的意思是“值的平均值”。但是，我可以更多地了解您想要实现的目标 - 您可能希望将每个积极的输入与有问题的输入配对......

$('.observationPositive, .observationQuestionable').on("change", function () {
    var sumP = 0,
        sumQ = 0,
        countP = 0,
        countQ = 0;
    $('.observationPositive').each(function(){
        countP++;
        sumP += Number($(this).val());
    });
    $('.observationQuestionable').each(function(){
        countQ++;
        sumQ += Number($(this).val());
    });

    var percentP = 100/(1 + (sumQ/sumP));
    var percentQ = 100 - percentP;

    $("#observationTotal").text(sumP + sumQ);
    $("#observationQuestionablePercentage").text(percentQ.toFixed(2));
    $("#observationPositivePercentage").text(percentP.toFixed(2));
});