jquery-计算每个值的百分比
我有一个函数,需要对每个输入进行汇总,但同时每个输入必须显示百分比。我已经找到了求和值的方法,但是我在显示百分比时遇到了问题。以下是HTML代码: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
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 );
});
});
});