Question

我希望创建一个表单。在此表单中，用户输入最多12个数字的值。这些数字的总和将在输入时更新并显示在屏幕上。然后，在提交表单时，总数将与表单一起提交。

我让它工作，以便显示和更新总数，但总数不会随表格一起提交。

如果我将其从隐藏类型更改为文本类型并手动更改总数并提交表单，则将提交总计。但如果JavaScript自动更改总数，则不会使用表单提交。

Answer 1

使用AngularJS受益您需要使用控制器和双向绑定示例：

app.controller('appCtrl', function(){
      $scope.total = 0;
      $scope.annual = 0;
    $scope.totalkWh = function totalkWh()
    {
        total = 0;
        var months = document.getElementsByName('kWh');

        for (var i = 0; i < months.length; i++)
        {
           total += parseInt(months[i].value) || 0;
        }
         $scope.total = "Total Annual Usage: " + total + " kWh";
         $scope.annual = total;
   }
})

，您的观点将类似于

<input type="hidden" data-ng-model="annual" value="{{ value }}" data-ng-required="false">
<div>{{total}}</div>

我希望这有用

总结表格输入并提交表格

1 个答案: