javascript - 如何使用 JavaScript 自动计算页面加载付款？

Question

我想在加载页面后自动计算贷款付款。对于付款计算，我有 javascript 函数 calculatePayment(field.form)。

我有四个变量，用户可以更改它们。默认情况下，我将使用当前帖子中的信息(例如汽车价格、5.5% 利息、5 年、汽车价格 10% 的首付):

<p><label class="loan-title" for="l-amount"><?php _e('PRICE:  '.$symbols['currency'].'','language')?></label> 
                <input type="text" size="10" name="price" value="<?php if ( $fields['price']){ echo $fields['price'];} else {  echo '0'; };?>"  class="l-inputbar" id="l-amount" onBlur="checkForZero(this)" onChange="checkForZero(this)"></p>
            <p><label class="loan-title" for="l-down"><?php _e('DOWNPAYMENT:  '.$symbols['currency'].'','language')?></label>
                <input type="text" size="10" name="dp" id="l-down"   class="l-inputbar" value="<?php if ( $fields['price']){ echo $fields['price']*0.1;} else {  echo '0'; };?>"  onChange="calculatePayment(this.form)"></p>
            <p><label class="loan-title" for="l-amount"><?php _e('PROCENTU LIKME: %','language')?></label>
                <input type="text" size="5"  name="ir" value="5.5" class="l-inputbar" onBlur="checkForZero(this)" onChange="checkForZero(this)">    </p>                    
            <p><label class="loan-title" for="l-amount"><?php _e('PERIOD: (years)   ','language')?></label>
                <input type="text" size="4"  name="term" value="5" class="l-inputbar"  onBlur="checkForZero(this)" onChange="checkForZero(this)">  </p>         
            <p class="calculate-wrapper"><input type="button" name="cmdCalc" value="" class="calculate-btn" onClick="cmdCalc_Click(this.form)" onLoad="calculatePayment(this.form)" ></p>
            <p><label class="loan-title" for="l-amount"><?php _e('MONTHLY PAYMENT: '.$symbols['currency'].'','language')?></label>
                <input type="label" size="12"  class="l-inputbar"  name="pmt"></p>

所有数据都加载到输入字段中，但我找不到如何计算页面加载付款的解决方案。我已经尝试了所有的 javascript 函数调用。似乎没有任何作用。

Answer 1

你可以使用 jQuery 的 document.ready() 或 *$(function(){/* 你的东西在这里 */})* 来检查文档是否已加载和渲染。它比 window.onload 复杂一点，所以我建议您使用框架(无论如何)。