Question

嗨我有以下输入获取值并调用函数fntotal来显示总数。更改值时，代码可以正常工作。但是，当在表单中加载值时，它不会显示总计。

<input type="textssr" name="s{{=id}}" id="{{=id}}" value='{{=sAmount}}' 
onchange="fntotal(this.form)" />

  function fntotal(formObj) {
            var total = 0;
            total += parseInt(formObj.test1.value, 10)
            total += parseInt(formObj.test2.value, 10)
            total += parseInt(formObj.test3.value, 10)
            total += parseInt(formObj.s1020.value, 10)
            formObj.sum.value = total
        }

我需要什么才能使输入显示表单加载和onchange上的总数？请帮助谢谢

Answer 1

将onLoad事件监听器设置为<body>标记。

Answer 2

尝试编写脚本代码，以便在输入标记之后立即计算总和

<input type="textssr" name="s{{=id}}" id="{{=id}}" value='{{=sAmount}}' 
 onchange="fntotal(this.form)" />
<script>

        var total = 0;
        total += parseInt(formObj.test1.value, 10)
        total += parseInt(formObj.test2.value, 10)
        total += parseInt(formObj.test3.value, 10)
        total += parseInt(formObj.s1020.value, 10)
        formObj.sum.value = total

</script>

Answer 3

我认为以下代码会做，它是jquery＆amp;的组合。的JavaScript

$(document).ready(function(){
  var formObj = document.getElementById('<form_id>');
  fntotal(formObj);
});

如果你没有先包含它，你必须包含jquery lib。

为了做到这一点，请在开始标记时加入以下内容。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

在表单加载时加载总计

3 个答案: