Question

嗨我有一个表单，当单击按钮“Calculate”时调用函数。以下代码工作正常。我试图这样做，以便在加载页面时自动提交，而不是onClick。请告诉我。谢谢

  <form id="FormCalculate" class="readonly">      
             <input type="hidden" name="readId" id="profreadId" value=""/>
             <input type="hidden" name="taskName" id="protaskName" value=""/>
             <div class="fMain">
             <label class="fMain" for="EmailAddress">Email Address:</label>
             <input type="text" class="form-field-medium" id="emailaddress"name="Email"/>
             </div>
             <div class="xyz">
             <input type="button" class="xyz" onclick="fnCalculate()" value="Calculate" />
             </div>          
          </form>

比jQuery函数

    function fnCalculate() {
               $("#calcStart").val(0);
               fnCrunching();
               $("#FormCalculate").submit();
           }

Answer 1

使用$(document).ready()。

$(document).ready(function() {
    $("#calcStart").val(0);
    fnCrunching();
    $("#FormCalculate").submit();
});

Answer 2

加载页面时触发它：

$(document).on('ready', fnCalculate);

更好的是，完全删除onclick属性并使用JavaScript点击处理程序：

$(document).on('click', 'input.xyz', fnCalculate);

http://jsfiddle.net/mblase75/md7c7/

Answer 3

使用jQuery document ready函数调用您的函数，如下所示：

$(document).ready(function() {
    fnCalculate();
});

注意：如果您只希望在页面加载时调用该函数，请从按钮中删除onclick属性，但如果您还希望单击事件也可以触发该函数，请将其留在那里。

加载页面加载功能

3 个答案: