javascript - 如何在不提交表单的情况下获取输入框的值并将计算出的值放入其他输入框?

标签 javascript jquery html

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

     _________________________
ROI:|_________________________|

            _________________________
Princilpe: |_________________________|

       _________________________
Time: |_________________________|

                  _________________________
Compound Intrest:|_________________________|

我想获取投资返回率、本金和持续时间的值,并计算复利并将结果显示在每月利率输入框中,只有单击 cal:EMI 按钮后才会生成结果。

最佳答案

你可以使用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..并且'+'用于将字符串转换为整数..

关于javascript - 如何在不提交表单的情况下获取输入框的值并将计算出的值放入其他输入框?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25446592/

相关文章:

javascript - 如何使用 jQuery 选择除具有给定类的元素之外的所有元素?

html - 在 flexbox 中左、中、右对齐元素

jquery - 如何在 bootstrap 3 中禁用 col-sm 和 col-xs。

javascript - 使用递归、Ramda.js 和无点风格重构字符串的 getPermutations()

javascript - 使用枚举限制的按位运算获得反向

javascript - 单击时切换进度条

javascript - 将事件类添加到链接(React JS)

javascript - 如何在 Angular 2 循环中每行显示两个表列(Angular2 相当于 PHP 的 array_chunk)

javascript - 表格内的重叠图像

javascript - HTML 5 <video> 元素上的 flex-grow 不起作用