如何获取输入框值而不提交表单并将计算值放在其他输入框中?

时间:2014-08-22 12:02:54

标签: javascript jquery html

如何在不提交表单数据的情况下获取两个输入框数据,并在单击按钮时添加它们并在另一个输入框中显示结果?

     _________________________
ROI:|_________________________|

            _________________________
Princilpe: |_________________________|

       _________________________
Time: |_________________________|

                  _________________________
Compound Intrest:|_________________________|

我想得到ROI,原理数量和持续时间的值,并计算复合兴趣并以每月费率输入框显示结果,结果将仅在点击cal:EMI按钮后生成。

2 个答案:

答案 0 :(得分:1)

你可以在下面使用jquery .. ...

你必须包含第一个主要的基本jquery文件 然后,

    $(document).ready(function()
{
    $('#compoundinterest').focus(function()
    {
        var p = +$('#principal').val();
        var r = +$('#roi').val();
        var n = +$('#time').val();

        var i = ((p * r * n) / 100);

        $('#compoundinterest').val(i);

    });
});

这里#..显示输入框的ID ..而'+'用于将字符串转换为整数..

答案 1 :(得分:0)

使用jQuery或JavaScript

从文本字段中获取值

  

var variable = $('#input_field_id')。val();

使用值进行计算。

将值设置为文本字段

  

$( '#result_field_id')VAL(calculated_value);

如果你想与数据库相关,那么使用Ajax