Question

我正在创建HTML发票。我们使用的系统将数据输出到HTML中的html。我把相关标签（例如{{order_purchasedate}}）放在那里，而是显示那里的值。

我需要发票才能显示订单中所有商品的总订单重量。权重将在列表中显示为数字，例如＆＃34; 60 80 120＆＃34;只有一个空格隔开它们。

如何添加数字html并仅显示总数？

我知道我可以使用Java，但我对此并不熟悉。如果有人可以提供帮助那就太棒了。

本

*编辑我尝试了代码。我正在努力获得输出。我相信你们一定认为我是个白痴！

<!DOCTYPE html>
<html>
<body>

<h1>Invoice</h1>

<p id="order_weight"></p>

<script>
getTotal = function(values){

    var total = values.split(" ").reduce(function(a,b){

        a = parseInt(a)
        b = parseInt(b)

        return a+b   

    });

    return total
}   
document.getElementById("order_weight").innerHTML = getTotal(a+b);
</script>

</body>
</html>

Answer 1

您可以使用JavaScript获取值并计算总值。

getTotal = function(values){

    var total = values.split(" ").reduce(function(a,b){

        a = parseInt(a)
        b = parseInt(b)

        return a+b   

    });

    return total
}

然后只需调用该函数

getTotal(x)

其中x是您的清单

以下是工作示例： http://jsfiddle.net/o89f1mj5/1/

Answer 2

<body>

<h1>Invoice</h1>

<p id="order_weight"></p>
    <input id="total" name="total" type="text"></input>
    <input id="totalBtn" type="button" value="Get Total" onClick="getTotal();"></input>
</body>

<script>
    function getTotal() {
    var values = $('#total').val();
    alert(values);
    var total = values.split(" ").reduce(function(a,b){

        var a = parseInt(a);
        var b = parseInt(b);

        return a+b;

    });

    document.getElementById('order_weight').innerHTML = "Value: " + total;
}

</script>

工作JS小提琴：http://jsfiddle.net/o89f1mj5/9/

在JSFiddle put＆＃34; 5 15 30＆＃34;进入文本框（当然没有引用），它将使段落为50

这是@mgibala在上面使用Textbox和Button做的。他的答案应该被接受我只是在应用程序中使用可变输入选项给你。

在Html中添加值

2 个答案: