使用表单数据执行计算并将其解析回表单

计算写入函数并在焦点或更改时触发它，如下所示：

$('input').change(function(){
   calculateAll();
});

更新：集合 1：在标头中包含缩小的 jQuery，例如：

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

然后在脚本 tag(( 中使用上面的代码。最好把它放在 html 标记的末尾。

不要忘记将所有jQuery代码放入：

<script>
function calculateAll(){
   //implement your logic here 
   var value1 = $('input[name="somename"]').val();
    .
    .
    .
}
$(document).ready(function(){
   $('input').change(function(){
      calculateAll();
   });
});
</script>

    <script type='"text/javascript'">
    $('input').blur(function()
    {
          doCalculations();
    });

   function doCalculations()
   {
        var impru_acc = ".$impru_acc.";
        var impru_dobanda = ".$impru_dobanda.";
        var impru_rest = ".$impru_rest.";
        var impru_sold = ".$impru_sold.";
        if (impru_dobanda>0) {
            var difference = impru_dobanda-impru_rest;
            } else {
                var difference = 0;
                }
        if (difference > 0) {
            impru_dobanda = impru_dobanda - impru_rest;
            document.write(impru_sold);
            document.write(impru_dobanda); 
            }
        if (difference < 0) {
            impru_sold = difference + impru_sold;
            impru_dobanda = 0;
            document.write(impru_sold);
            document.write(impru_dobanda);
            }
        if (difference == 0) {
            impru_dobanda = 0;
            var impru_sold=impru_sold-impru_rest;
            document.write(impru_sold);
            document.write(impru_dobanda);
        }
      }   
    </script>

希望这对您有所帮助...

总而言之，我找到了一种不错的工作方式。在发布我的问题和这个答案之间的这段时间里，我开始学习JavaScript。还不太远，但它给了我一些尤里卡时刻。

表单现在包含以下代码，并从数据库中获取其值：

echo '<input type="text" size="11" name="impru_acc" id="impru_acc" value = '.$impru_acc.'>';
echo '<input type="text" size="11" name="impru_rest" id="impru_rest" onchange="calculateAll(this.value)" value = "">';
echo '<input type="text" size="11" name="impru_sold" id="impru_sold" value = '.$impru_sold.'>';
echo '<input type="text" size="11" name="impru_dobanda" id="impru_dobanda"  value = '.$impru_dobanda.'>';   

我制作了一个单独的 calculateAll.js 文件，并在我的 header.html 文件中调用它。

计算All.js基于我的问题中的脚本，但现在已完成，包括将值解析回表单。该代码包括：

function calculateAll(){ 
var form = document.forms["fisa"];
var impruDobandaValue = form.elements["impru_dobanda"];
var impruRestValue = form.elements["impru_rest"];
var impruSoldValue = form.elements["impru_sold"];
var impruDobanda = parseInt(impruDobandaValue.value);
var impruRest = parseInt(impruRestValue.value);
var impruSold = parseInt(impruSoldValue.value);
if (impruDobanda > 0) {
    var difference = impruDobanda - impruRest;
    } else {
        var difference = 0;
        }
    if (difference > 0) {
        impruDobanda = impruDobanda - impruRest;
        return theForm.elements["impru_dobanda"].value = impruDobanda;
        } else if (difference < 0) {
        impruSold = difference + impruSold;
        impruDobanda = 0;
        return form.elements["impru_dobanda"].value = impruDobanda, 
            form.elements["impru_sold"].value = impruSold;
        } else if (difference == 0) {
        impruDobanda = 0;
        var impruSold = impruSold - impruRest;
        return form.elements["impru_dobanda"].value = impruDobanda, 
            form.elements["impru_sold"].value = impruSold;
        }
    }

但我遇到了一个小问题。当您犯错误时，表单没有使用其原始值，而是根据更改的值重新计算。这是合乎逻辑的。为了解决此问题，我为表单中的impru_rest字段创建了一个重置按钮。它将重置该字段并恢复表单中impru_sold和impru_dobanda值的原始值。之后可以进行更正。我认为最好用PHP编写代码

<?php echo "<input type='"button'" value='"Reset'" onclick='"var reset = this.form.elements['impru_rest']; reset.value = reset.defaultValue; this.form.impru_dobanda.value=".$impru_dobanda."; this.form.impru_sold.value=".$impru_sold.";'">"
?>

总而言之，我花了一点时间，但我想与你分享我的发现。

所有回复的人，感谢您的帮助！

话筒