基于用户输入在javascript中计算变量答案

【问题标题】：Calculating variable in javascript based on user input基于用户输入在javascript中计算变量
【发布时间】：2012-11-07 20:03:08
【问题描述】：

我有以下 javascript 代码：

$(':input').bind('keypress keydown keyup change',function(){
var BetAmount1 = parseFloat($(':input[name="BetAmount"]').val(),10);
var v = '';
if (!isNaN(BetAmount1)){
    v = BetAmount1 * 10;
}
$(':input[name="PotentialGain"]').val(v.toString());
});

我通过 PHP 回显了以下两个输入：

<input class="defaultText" type="text" name="BetAmount" id="BetAmount">
<input type="text" name="PotentialGain" id="PotentialGain" />

当用户输入或更改BetAmount 时，我想立即显示计算得到的PotentialGain，例如，可以通过将常数乘以用户输入的指定投注金额来找到。

感谢您的时间和考虑。

【问题讨论】：

该处理程序应该绑定到所有 INPUT 元素？还是只是“BetAmount”INPUT 元素？
使用 $("#BetAmount") 和 $("#PotentialGain") 以获得更好的性能，因为这两个字段都有 ID。

标签： javascript html input onchange

【解决方案1】：

这个？

$betAmount.on( 'keyup change', function () {
    var gain = 10 * +this.value;
    if ( isNaN( gain ) ) return;
    $potentialGain.val( gain );
});

现场演示： http://jsfiddle.net/Rj64t/

【讨论】：

【解决方案2】：

我建议你关注 Knockout.js 库 http://knockoutjs.com/examples/cartEditor.html，使用这个库很容易做到这一点，甚至更多！

【讨论】：