jquery - 计算然后追加

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如果您希望它是动态的，请添加一些额外的检查以检查和更改事件。

小提琴