jquery - Jquery：2つのテキストフィールドを乗算し、3番目のテキストフィールドに更新します

Question

ここでは、a1、a2、a3と見なされる3つのテキストフィールドがあります。次に、a1 * a2の値を乗算し、3番目のフィールドに回答を更新する必要があります。jqueryでこれを行うにはどうすればよいですか？jqueryに更新関数はありますか？

Answer 1

a1、a2、a3がそのような要素のIDであると仮定します

<input id="a1" type="text" value="10" />
<input id="a2" type="text" value="20" />
<input id="a3" type="text" value="" />

次に、これをページに追加するだけです。

$(document).ready(function(){
    $('#a1').keyup(calculate);
    $('#a2').keyup(calculate);
});
function calculate(e)
{
    $('#a3').val($('#a1').val() * $('#a2').val());
}