Question

我需要使用jQuery将两个输入计算为百分比，然后将结果附加到结果div。

<input type="text" value="27" class="numerator" />
<input type="text" value="30" class="denominator" />

<div class="result"></div>

公式:(分子*分母）/ 100

任何人都可以帮助我吗？

Answer 1

看起来很奇怪，特别是因为你的公式从那时起就没有。您确定不想要numerator/denominator*100吗？无论如何 - 这应该适合你想要的东西：FIDDLE

$('.result').text($('.numerator')[0].value * $('.denominator')[0].value / 100);

既然您正在使用课程，我假设您可能有多个课程？既然你是在input中进行的，也许你希望它在更新时更新？如果是这样，您可以尝试这样的事情：FIDDLE

function update($ele) {
    var n = Number($ele.find('.numerator')[0].value);
    var d = Number($ele.find('.denominator')[0].value);
    $ele.find('.result').text(n * d / 100);
}
$('.group').each( function() {
    update($(this));
});
$('.group input').on('keyup', function() {
    update($(this).closest('.group'));
});

这是一个有实际百分比公式的人...... FIDDLE

Answer 2

试试这个..

var numerator = $('.numerator').val(),
    denominator = $('.denominator').val();

var percent = parseFloat((numerator/denominator) * 100).toFixed(2);

$('.result').html(function() {
    return percent + '%'
});

添加一些额外的检查以检查division by 0和更改事件（如果您希望它是动态的）。

<强> Fiddle

计算然后追加

2 个答案: