将值添加到javascript中

Question

如何根据用户输入的内容从这些输入中获取总数。

此图片显示了我的意思：

因此无论用户输入什么类型，我都需要输入每个输入，因此在示例中这将是15，但它可以是用户键入的任何内容。

抱歉，我没有使用JavaScript，所以只是寻求一些帮助，但我尝试了以下内容，但这不太正确：

function payableMilage(attribute)
{
    var milage = 0;
    $.each([ 'monday', 'tuesday', 'wednesday', 'thursday', 'friday' , 'saturday', 'sunday' ], function( index, day ) {
        milage = parseInt($("input[data-attribute='payableMileage']").val());
    });
    $("#payableMileageTotal").text(milage);
}

HTML

<tr>
    <td>
        <label class="control-label">Monday</label>
    </td>
    <td>
        <input class="form-control calculate timepicker " autocomplete="off" data-day="monday" placeholder="Format: 00:00" name="monday[startTime]" type="text" />
    </td>
    <td>
        <input type="text" placeholder="Format: 00:00" name="monday[breaks]" class="form-control calculate timepicker" autocomplete="off" data-day="monday[breaks]" />
    </td>
    <td>
        <input class="form-control calculate timepicker" autocomplete="off" data-day="monday" placeholder="Format: 00:00" name="monday[endTime]" type="text" />
    </td>
    <td>
        <input class="form-control" data-attribute="payableMileage" min="0" name="monday[payableMileage]" type="number" value="0" />
    </td>
    <td>
        <input name="monday[total]" type="text" class="form-control" readonly />
    </td>
    <td>
        <input class="form-control" name="monday[comments]" type="text" />
    </td>
</tr>

Answer 1

您将只获得最后一个值，因为您指定的不是添加。将您的代码更改为：

milage += parseInt($("input[data-attribute='payableMileage']").val());
//-----^^

Answer 2

我不得不改变

milage += parseInt($("input[data-attribute='payableMileage']").val());

到

milage += parseInt($("input[name='"+day+"[payableMileage]']").val());

现在有效，我很糟糕，但是人们指出不同的东西让我思考，抱歉，如果我浪费了任何时间。