1

我完全是 javascripting 的菜鸟，但我有一个很好的问题要解决。

我有一个从数据库接收数据的表单。

我写了一个非常简单的 javascript，它自己执行我想要它做的计算。但是我怎样才能将计算出的值返回到表单中。我想使用 onkeyup 以便在发送表单之前更新数据。

目前我只有表单和单独的 javascript。但我不知道如何让它们一起工作。我知道document.writejavascript 中的语句不会在表单中起作用。这个，我只是用来构建和检查我的计算器。

一旦impru_rest值被填写，计算就必须开始。impru_dobanda它必须为表单发送和/或impru_sold返回新值。

有任何想法吗？

这是表格的一部分

<?php 
    // create form according to existing loan/interest
    echo '<td><div align="center"><input type="text" size="11" name="impru_acc" value = '.$impru_acc.'></div></td>';
    echo '<td><div align="center"><input type="text" size="11" name="impru_rest" onkeyup= value = ""></div></td>';
    echo '<td><div align="center"><input type="text" size="11" name="impru_sold" value = '.$impru_sold.'></div></td>';
    echo '<td><div align="center"><input type="text" size="11" name="impru_dobanda" value = '.$impru_dobanda.'></div></td>';    
>?

这是计算

<script type=\"text/javascript\">

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>

在 Allen123 和 tinyByte 的帮助下，我得到了这个，但它什么也没做：

我现在在我的标题中添加了 jquery 注释。

我可能在函数中犯了错误，但现在似乎什么都没有发生。我猜脚本不能影响表单中的值这就是我所拥有的。我究竟做错了什么？

<?php
            // create form according to existing loan/interetest
            echo '<td><div align="center"><input type="text" size="11" name="impru_acc" value = '.$impru_acc.'></div></td>';
            echo '<td><div align="center"><input type="text" size="11" name="impru_rest" onkeyup=calculateAll(); value = ""></div></td>';
            echo '<td><div align="center"><input type="text" size="11" name="impru_sold" value = '.$impru_sold.'></div></td>';
            echo '<td><div align="center"><input type="text" size="11" name="impru_dobanda" value = '.$impru_dobanda.'></div></td>';    
    ?>      
            <script>
        function calculateAll(){ 
        var impru_acc = $('input[name="impru_acc"]').val();
        var impru_dobanda = $('input[name="impru_dobanda"]').val();
        var impru_rest = $('input[name="impru_rest"]').val();
        var impru_sold = $('input[name="impru_sold"]').val();

        if (impru_dobanda>0) {
            var difference = impru_dobanda-impru_rest;
            } else {
                var difference = 0;
                }
            if (difference > 0) {
                impru_dobanda = impru_dobanda - impru_rest;
                }
            if (difference < 0) {
                impru_sold = difference + impru_sold;
                impru_dobanda = 0;
                }
            if (difference == 0) {
                impru_dobanda = 0;
                var impru_sold=impru_sold-impru_rest;
            }
        }
    $(document).ready(function(){
       $('input').change(function(){
          calculateAll();
       });
    });
4

3 回答 3

1

将您的计算写在一个函数中并在 focus out 或 change 时触发它，如下所示：

$('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>
于 2013-10-02T13:18:12.083 回答
0 
    <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>

希望对你有帮助...

于 2013-10-02T13:32:37.467 回答
0

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

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

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 文件中调用它。

calculateAll.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.";\">"
?>

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

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

麦克风

于 2013-10-16T10:34:35.753 回答