0

我是在 HTML 中使用 javaScript 的初学者，我试图在用户输入的两个值之间创建一个乘法，并将结果显示在另一个文本框中，但结果显示错误。

有三个文本框，第一个框我放 2 和第二个 7，在第三个文本框中它应该显示结果是 14，但它显示我的结果是 98。

有人可以帮助我吗？

我的 HTML 代码如下：

<tr style="background:#fafafa;">
  <td style="border:1px solid #ccc; border-width:1px 1px 0 0;"><textarea name="exp_desc" id="exp_desc" rows="3" cols="35"></textarea></td>
  <td style="border:1px solid #ccc; border-width:1px 1px 0 0; color: #D6D6D6;"><input class ="txt" type="text" name="txt"></td>
  <td style="border:1px solid #ccc; border-width:1px 1px 0 0;"><input class ="txt" type="text" name="txt"></td>
  <td style="border:1px solid #ccc; border-width:1px 1px 0 0;"><input span id='sum'  class ="txt" type="text" name="txt"></span></td>
  <td style="border:1px solid #ccc; border-width:1px 1px 0 0;"><input type="file" name="datafile[]" size="40"></td>
</tr>

而javascript是：

$(document).ready(function(){
    $(".txt").each(function() {
        $(this).keyup(function(){
            calculateSum();
        });
    });
});

function calculateSum() {
    var sum = 1;
    $(".txt").each(function() {
        if(!isNaN(this.value) && this.value.length!=0) {
            sum *= parseFloat(this.value);
        } 
    });

    // enter code here 

    $("#sum").val(sum.toFixed(2));

}
4

1 回答 1

0

将您的 javascript 修改为：

<script>
 var num1=0;
 var num2=0;
$(document).ready(function(){
$("#txt1,#txt2").on("keyup",function(){
  num1  =   $("#txt1").val();
  num2  =   $("#txt2").val();
    if(!isNaN(this.value) && this.value.length!=0) {
        num1 *= parseFloat(num2);
        $("#sum").val(num1.toFixed(2));
    }
});
}); 
</script>

html:

<tr style="background:#fafafa;">
<td style="border:1px solid #ccc; border-width:1px 1px 0 0;"><textarea name="exp_desc" id="exp_desc" rows="3" cols="35"></textarea></td>
<td style="border: 1px solid #ccc; border-width: 1px 1px 0 0; color: #D6D6D6;"><input class ="txt" type="text" name="txt" id="txt1"></td>
<td style="border:1px solid #ccc; border-width:1px 1px 0 0;"><input class ="txt" type="text" name="txt" id="txt2"></td>
<td style="border:1px solid #ccc; border-width:1px 1px 0 0;"><input  id='sum'  class ="txt" type="text" name="txt"></td>
<td style="border:1px solid #ccc; border-width:1px 1px 0 0;"><input type="file" name="datafile[]" size="40"></td>
</tr>
于 2013-10-03T10:50:51.177 回答