Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery计算插件-需要简单的建议_Javascript_Jquery_Javascript Events - Fatal编程技术网

Javascript jQuery计算插件-需要简单的建议

Javascript jQuery计算插件-需要简单的建议,javascript,jquery,javascript-events,Javascript,Jquery,Javascript Events,这个问题很简单,但我想不出来 我需要什么样的启动程序语法来执行以下功能: <input type="text" id="value1" /> <input type="text" id="value2" /> <input type="text" id="value3" /> <input type="text" id="total" /> 我想执行[(value1*value2)+value3],并将结果四舍五入到小数点后两位(强制执行,因

这个问题很简单,但我想不出来

我需要什么样的启动程序语法来执行以下功能:

<input type="text" id="value1" />
<input type="text" id="value2" />
<input type="text" id="value3" />
<input type="text" id="total" />

我想执行[(value1*value2)+value3],并将结果四舍五入到小数点后两位(强制执行,因此即使结果是一个整数,也应该附加“.00”),并显示总数。我需要在任何值字段的键控操作中发生这种情况

应该很简单,但我就是想不出来

请帮忙


谢谢

优雅,带有错误验证。非常感谢。我最初的问题是如何使用jQuery Calculate插件来完成这项工作,但我认为这种方法产生的开销比插件少得多!:)哎呀,我甚至不知道有这样一个插件存在:-)优雅,带有错误验证。非常感谢。我最初的问题是如何使用jQuery Calculate插件来完成这项工作,但我认为这种方法产生的开销比插件少得多!:)哎呀,我甚至不知道有这样的插件存在:-)
$(function() {
    var roundDecimals = 2;
    var pow = Math.pow(10, roundDecimals);

    $('input[id^=value]').keyup(function() {
        var value1 = parseFloat($('#value1').val());
        var value2 = parseFloat($('#value2').val());
        var value3 = parseFloat($('#value3').val());

        if (isNaN(value1) || isNaN(value2) || isNaN(value3)) {
            return;
        }

        var total = value1 * value2 + value3;
        total = Math.round(total * pow) / pow;
        $('#total').val(total.toFixed(roundDecimals));
    });
});