Question

您好我有表格列出了某些销售价值。加载销售后，我想显示所有值的总和。现在它工作正常，但我必须改变一些值，它将显示总数。我想要做的是在加载表单时显示总数。

           <form id="sales" action="" >                 
                <table class="salesTable" border="1" cellpadding="0" cellspacing="0">
                    <tbody>
                        {{#each items}}
                 <tr class="">
                     <td><input type="abd" name="{{=id}}" id="{{=id}}" value='{{=sales}}'  onchange="updateTotal(this.form)" /></td>                                               
                 </tr>        
                <tr>
                    <td style="font:bold">Total</td>
                    <td><input type="abd" name="sum" onfocus="this.blur()" readyonly  value=""/>         </td>
                </tr>
                    </tbody>
                </table>
            </form>

jquery函数是

function updateTotal(formObj) {
            var total = 0;
            total += parseInt(formObj.s1011.value, 10)
            total += parseInt(formObj.s1018.value, 10)
            total += parseInt(formObj.s1019.value, 10)         
            formObj.sum.value = total
        }

请让我知道如何更改它，以便它还会显示表单生效时的总值。谢谢

Answer 1

您可以在DOM加载并准备好时调用该函数。

使用jQuery：

$(function() { // This is executed when DOM is ready
    var form = $("#sales")[0]; // get the form's DOM node
    updateTotal(form); // call the function on it
});

显示已加载值的总和

1 个答案: