jquery - 計算してから追加

Question

jQuery を使用して 2 つの入力をパーセントで計算し、その結果を結果 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