哪种jQuery事件方法可以使用PHP echo POST计算页面加载时的输入字段？

Question

我用jquery做了一个非常基本的输入字段计算器，它计算特定的html输入字段并将总和打印到下面的输入中。

它的工作原理与调用jquery事件（例如keyup，change等）时所假定的一样。 但是，有时需要从SESSION或POST变量设置输入字段值的情况

像这样：

echo "<div class='calculate_data' data-amount='". $x[$i] ."'>". $y[$i] ."</div>";
echo "<input class='calculate_input' name='input_".$i."' type='text' value='". @$_POST['input_'.$i]."' />";
echo "<input id='total' type='text' disabled='disabled' />";

然后计算器应该在页面加载时计算这些值。 我已经尝试了几乎所有事件，但是脚本不会计算：

$(document).ready(function() {
    $('.calculate_input').bind("click mouseover keyup change focus load on ready", function() {
        var sum = 0;

        //Sum up
        $('.calculate_input').each(function() {
            sum += Number($(this).val() * $(this).prev('.calculate_data').attr('data-amount'));
        }

        //Set the sum of all the previous fields to the #total field    
        $('#total').val(sum);
        if($('#total').val() == "NaN"){
            $('#total').val("-");
        }
    });
});

该任务使用哪种jQuery事件方法或我做错了什么？

Answer 1

如果您希望在页面加载时发生这种情况。则显式触发事件。

你可以试试这个

$('.calculate_input').click();

根据我的知识，还可以进行任何未发生的事件。

$('.calculate_input').on("click mouseover keyup change focus load ",

使用.on()而不是.bind()附加事件

您的代码应包含在DOM Ready处理程序中

Answer 2

您不需要使用太多的事件类型。 您只需要在页面加载和更改时使用它。 jQuery已经应该在页面加载时运行，因此只需在语句之外触发它即可。

UPDATE根据您的jQuery更改而更改

 $(document).ready(function() {
    $('.calculate_input').bind("change", function() {
        var sum = 0;

        //Sum up
        $('.calculate_input').each(function() {
            sum += Number($(this).val() * $(this).prev('.calculate_data').attr('data-amount'));
        }

        //Set the sum of all the previous fields to the #total field    
        $('#total').val(sum);
        if($('#total').val() == "NaN"){
            $('#total').val("-");
        }
    });
 $('.calculate_input').trigger('change'); //when the document is ready, trigger the change
});