Question

如何使用输入文本字段输入其中一个数字来计算产品列表每行的小计？

示例：

colA    colB            colC

100 - [text input] = [calculated result]

880 - [text input] = [calculated result]

720 - [text input] = [calculated result]

130 - [text input] = [calculated result]
...

我确信使用Javascript相当容易，但我看起来并且找不到简单的答案。我对Javascript不是很熟悉所以我需要一个简单的解决方案。在此先感谢您的帮助！：）

Answer 1

欢迎使用StackOverflow！将来，如果你更清楚地写下你的问题，你可能会更快地得到一个好答案。

您可以使用document.getElementById（＆＃39; id_of_text_input＆＃39;）。来获取或设置任何文本输入的值。请注意，您使用的是id，而不是name。

您可以使用parseFloat将字符串读取作为浮点数值。

为了将函数附加到onblur事件，您可以使用setAttribute函数。

因此，例如，如果您有一个标识为colA的文本输入，并且您想要从用户输入的值中减去100，并将结果保存在标识为colB的文本输入中。< / p>

您可以编写如下代码：

<html>
<head runat="server">
    <title></title>
</head>
<body>    
    <input type='text' id='colA' />
    <input type="text" id='colB' />
</body>
<script type="text/javascript">
    var colA = document.getElementById('colA');
    var colB = document.getElementById('colB');
    colA.setAttribute('onblur',
    function () {
        var value = colA.value;
        var number = parseFloat(value)-100;
        colB.value = number;
    });
</script>
</html>

Answer 2

对我来说非常有用。谢谢，丹尼尔

如果要计算百分比（例如5％）并使用Jquery，则必须

    $(function(){
        $(".input-valorinicial").blur(function(){
            var valorinicial = document.getElementById('valorinicial');
            var fee = document.getElementById('fee');
            var value = valorinicial.value;
            var number = parseFloat(value)*5/100;
            fee.value = number;
        });
    });

如何使用onblur和javascript计算小计？

2 个答案: