在keyup上乘以2个输入字段?

时间:2012-10-02 22:42:26

标签: jquery html

我有两个字段

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

在JQuery中,我如何将keyup上这些字段的值乘以div?

2 个答案:

答案 0 :(得分:2)

<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("&pound;" + parseInt($('#E_Item1').val()) * parseInt($('#E_CCNM').val()));
});

答案 1 :(得分:1)

jQuery为您提供了舒适的event listeners

要访问输入值,您可以使用val$('#elementID').val()

因此,您的整个代码将是这样的:

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

JSFiddle


请查看以下链接。如果您使用 Google 并且能够自行解决问题,您会找到它们:

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

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