jquery - 在keyup上乘以2个输入字段？

Question

我有 2 个字段

<input id="E_Item1" name="E_Item1">
<input id="E_CCNM" name="E_CCNM">

在 JQuery 中，我将如何在 keyup 上将这些字段的值相乘到一个 div 中？

Answer 1

<input id="E_Item1" name="E_Item1" type="text" class="multiplier">
<input id="E_CCNM" name="E_CCNM" type="text" class="multiplier">
<div id="results"></div>

然后，假设预期结果是整数的倍数，在 js 中，您在准备好的侦听器中执行类似的操作...

$('.multiplier').on('keyup', function(){
    $('#results').html("£" + parseInt($('#E_Item1').val()) * parseInt($('#E_CCNM').val()));
});

Answer 2

jQuery 为您提供了舒适的事件监听器。

要访问输入的值，您可以使用val : $('#elementID').val()。

因此，您的整个代码将是这样的：

$('#getResult').on('click', function(e){
    var val1 = $('#E_Item1').val();
    var val2 = $('#E_CCNM').val();
    alert(parseFloat(val1)*parseFloat(val2));
});​

( JSFiddle )

---

请查看以下链接。如果您使用谷歌并且能够自己解决问题，您会找到它们：

http://api.jquery.com/on/

http://api.jquery.com/val/