基于字段的jQuery自动计算

我有一段代码：

<label>Number of Shares:</label><input name="shares" id="shares" type="text" />

Total Value: &euro; 0.00

股份数量：
总价值：&欧元；0

我所需要做的就是在您键入总值时自动计算。例如，如果有人在字段中输入100，我需要将其乘以1.50，因此字段下方的0.00将替换为150.00

有人能告诉我如何使用jQuery实现这一点吗

// this approach should work...not sure

$("#shares").onchange= update( $(this).val() );

function update(inputVal)
{
 if( parseFloat( inputVal ) == true)
  $("resultDiv").html( inputVal * 1.5 );
}

并将结果包含在元素中

Total Value: &euro; <span id="result">0.00</span>

总价值：&欧元；0

使用

keyup

事件将实时更新文本

---

演示。

这是一个简单的代码。我没有在验证或格式化功能中添加任何内容

HTML

演示：

---

这是一个非常好的jquery计算插件（它帮助了我）——

---

这将是一个非常有用的链接

一个非常简单的方法是使用“keyup”

HTML

<form id="order_form">
<input type="number" id="qty"/>
<input type="text" id="result"/>
</form>

这将实时更改输出

<label>Number of Shares:</label><input name="shares" id="shares" type="text" />
<br />
Total Value: &euro; <span id="result"></span>

$(document).ready(function(){
    $('#shares').keyup(function(){
        $('#result').text($('#shares').val() * 1.5);
    });   
});

<form id="order_form">
<input type="number" id="qty"/>
<input type="text" id="result"/>
</form>

$(document).ready (function(){   
$('#qty').on('keyup change',function(){
    $('#result').val($(this).val() * 1.50);
    });

});