时间戳

首页 > 解决方案 > Javascript 中的计算返回 NaN

javascript - Javascript 中的计算返回 NaN

问题描述

我正在尝试用 Javascript 计算。但脚本返回 NaN。

我试图用 转换数据number，parseInt但parseFloat没有成功。

有人知道我的脚本有什么问题吗？

这是我的 Javascript

$('[id^=neg_pos]').each( function( i, e) {
  var quantity = e.options[e.selectedIndex].value;

  if ( quantity==='0') {

  } else if ( quantity==='1') {
    var num1 = Number(document.getElementsByName('price[]').value);
    var num2 = Number(document.getElementsByName('tax[]').value);

    var tv1 = num1 + num2;
    pos += tv1;

  } else {
    var num1 = Number(document.getElementsByName('price[]').value);
    var num2 = Number(document.getElementsByName('tax[]').value);

    var tv1 = num1 + num2;
    neg += tv1;
  }

document.getElementById('positive').value = pos.toFixed(2);
document.getElementById('negative').value = neg.toFixed(2);

});

文本框price[]和tax[]是用 Javascript 创建的动态文本框。

以下是文本框： 第一个文本框是在 HTML 中创建的：

<input type="text" name="price[]" id="price1" onkeypress="return isNumber(event, this)" data-srno="1">
<input type="text" name="tax[]" id="tax1" onkeypress="return isNumber(event, this)" data-srno="1">

其他文本框是用 Javascript 创建的

$(document).on('click', '#add_row', function(){
  count++;
  $('#total_item').val(count);
  var html_code = '';
  html_code += '<input type="text" name="price[]" id="price'+count+'" onkeypress="return isNumber(event, this)" data-srno="'+count+'">';
  html_code += '<input type="text" name="tax[]" id="tax'+count+'" onkeypress="return isNumber(event, this)" data-srno="'+count+'">';

  $('#test').append(html_code);
});

标签： javascriptjqueryhtmlarrays

解决方案

您应该document.getElementById()改用，如下所示：

var num1 = Number(document.getElementsByName('price[]').value);
var num2 = Number(document.getElementsByName('tax[]').value);

原因是您试图访问由value返回的数组的属性，该属性getElementsByName不存在 - 您必须首先使用[0]来访问元素本身。

推荐阅读