用Javascript计算返回NaN

时间:2018-12-30 00:06:21

标签: javascript jquery html arrays

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

我尝试用numberparseIntparseFloat转换数据,但是没有成功。

有人知道我的脚本出了什么问题吗?

这是我的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">

其他文本框是用Java语言创建的

$(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);
});

1 个答案:

答案 0 :(得分:1)

您应改为使用document.getElementById(),如下所示:

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

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