Question

嗨我想计算两个输入字段值，结果将显示在第三个输入字段中，所以我想在ajax页面中编写代码

<input id="a1" type="text" />
<input id="a2" type="text" onblur="Calculate();"  />
<input id="a3" type="text" name="total_amt" value="" />

这里有javascript函数

 <script>


function Calculate()
{
var resources = document.getElementById('a1').value;
var minutes = document.getElementById('a2').value; 
document.getElementById('a3').value=parseInt(resources) *       parseInt(minutes);
 document.form1.submit();
   }
 </script>

开始工作但是没有工作请帮帮我

先谢谢

Answer 1

看这个！解决它。 http://jsfiddle.net/op1u4ht7/2/

<input id="a1" type="text" />
<input id="a2" type="text" onblur="calculate()"  />
<input id="a3" type="text" name="total_amt" />

calculate = function()
{
    var resources = document.getElementById('a1').value;
    var minutes = document.getElementById('a2').value; 
    document.getElementById('a3').value = parseInt(resources)*parseInt(minutes);

   }

Answer 2

尝试AutoCalculator https://github.com/JavscriptLab/autocalculate使用选择器表达式计算输入值和输出

只需为输出输入添加一个属性，例如data-ac =“（＃firstinput +＃secondinput）”

无需任何初始化只需添加data-ac属性。它会自动找出动态添加的元素

用输出添加'Rs'只需在大括号内添加数据-ac =“{Rs}（＃firstinput +＃secondinput）”

Answer 3

我的代码来自上面的答案。特别感谢您！

calculate = function (a, p, t) {
        var amount = document.getElementById(a).value;
        var price = document.getElementById(p).value;
        document.getElementById(t).value = parseInt(amount)*parseInt(price);}

<input type="number" id="a0" onblur="calculate('a0', 'p0', 't0')">
<input type="number" id="p0" onblur="calculate('a0', 'p0', 't0')">
<input type="number" id="t0" >
<hr>
<input type="number" id="a1" onblur="calculate('a1', 'p1', 't1')">
<input type="number" id="p1" onblur="calculate('a1', 'p1', 't1')">
<input type="number" id="t1" >

在javascript中计算两个输入字段值

3 个答案: