jquery-计算每个值的百分比

jquery-计算每个值的百分比,jquery,Jquery,我有一个函数,需要对每个输入进行汇总,但同时每个输入必须显示百分比。我已经找到了求和值的方法,但是我在显示百分比时遇到了问题。以下是HTML代码: Price 1: <input type="text" name="price01" class="price" /> Percentage 1: <span class='p'></span> <br/> Price 2: <input type="text" name="price02" cl

我有一个函数,需要对每个输入进行汇总,但同时每个输入必须显示百分比。我已经找到了求和值的方法,但是我在显示百分比时遇到了问题。以下是HTML代码:

Price 1: <input type="text" name="price01" class="price" />
Percentage 1: <span class='p'></span>
<br/>
Price 2: <input type="text" name="price02" class="price" />
Percentage 2: <span class='p'></span>
<br/>
Price 3: <input type="text" name="price03" class="price" />
Percentage 3: <span class='p'></span>
<br/>
Price 4: <input type="text" name="price04" class="price" />
Percentage 4: <span class='p'></span>
<br/>
Total: <span class="total"></span>
希望任何人都能帮忙。。。多谢各位


谢谢大家。我想我已经解决了这个问题。这可能不是最好的解决方案,但我明白了这个想法,它是有效的。再次感谢:)


解决方案代码:

我不知道javascript的sytax,因此我的答案可能不会太有帮助,但您需要做的是在计算总数/总和后,将每个值除以总数,这将给出百分比,并将该值放入适当的范围

希望即使没有任何实际代码也能有所帮助。

这很有效

$(document).ready(function() {

    var $prices = $('input.price');

    $prices.bind('keyup', function() {
        var sum = $prices.sumValues();
        $('span.total').html( sum );

        $('.p').each(function(i,e){
           $(e).text( $prices.eq(i).val() / sum );
        });
    });
});
基本上,每次都会触发一个keyup事件,在调用
sumValues
之后,您需要再次迭代这些元素以计算相应的百分比


这决不是最有效的解决方案,但它能在您改进的同时完成任务。

非常感谢您,Corey。我有这个想法。非常感谢:)我明白了。现在我明白了。谢谢你,吉姆:)
$(document).ready(function() {

    var $prices = $('input.price');

    $prices.bind('keyup', function() {
        var sum = $prices.sumValues();
        $('span.total').html( sum );

        $('.p').each(function(i,e){
           $(e).text( $prices.eq(i).val() / sum );
        });
    });
});