添加两个变量后Javascript无法正常运行

时间:2014-01-17 16:01:37

标签: javascript

好的,我有这些输入框。

<input 
   type="text" 
   name="amount" 
   class="validate[required] text-input" 
   id="amount">

<input type="text" 
       name="incfee" 
       id="incfee" 
       readonly>

这是我的javascript: -

  <script type="text/javascript">
     window.onload = function() {
        var amount = document.getElementById('amount');
        var incfee = document.getElementById('incfee');

        var fee = 0.01;

        amount.onkeyup = function() {
           var result = parseFloat(amount.value) * fee;
           // var result1 = result + amount;
           incfee.value = !isNaN(result) ? result : '';
        };
     }
  </script>

现在,问题是,如果我评论"var result1 = result + amount;"并重命名result1以导致 incfee.value ,文本框的价值(包括费用的金额)随着金额的变化而变化,一切正常。 但是,如果我取消注释var result1 = result + amount;并将结果更改为 incfee.value 中的结果1,则javascript无法正常运行且未填充任何值incfee文本框。 我做错了什么? 感谢。

2 个答案:

答案 0 :(得分:8)

var result1 = result + parseFloat(amount.value);

Javascript不知道如何添加浮点数和输入对象。

答案 1 :(得分:1)

使用.value获取输入文本的值

var amount = document.getElementById('amount').value; 
var incfee = document.getElementById('incfee').value;