Javascript 总返回 NaN 为 4 位数字

Question

这是用于计算商品价格的 javascript，问题在于 当价格为 4 位时，返回的值为 NaN。

这是我的隐藏价格字段:

<input type="hidden" name="price" id="price"class="price" value="4500"readonly >

这是我的数量字段

<input type="number" name="quant" id="quant" value="2" />

这是我的运费

<select  id="shipment" onchange="myFunction3()" name="shipment2" disabled>

<option value="100" data-quantity="1">1 for 100 pesos </option>
</select

这是总价

<input type="text" id="demo" name="total_price" style="margin-top:10px;margin-left:5px;" readonly> 

更 retrofit 运值(value)的脚本

<script type="text/javascript">
document.getElementById('quant').addEventListener("keyup", function(){

  var value = parseInt(this.value, 20),
      selectEle = document.getElementsByTagName('select')[0],
      options = selectEle.options,
      selectedNum = 0;
  for(var i = 0; i < options.length; i++) {
    //checking the exact string with spaces (" " + value + " ")
    if(options[i].textContent.indexOf(" " + value + " ") > -1) {
        selectedNum = i;
    }
 }
 selectEle.selectedIndex = selectedNum ? selectedNum : 0;   

 }, false);

 </script>

计算所有值

function myFunction3() {
var y= document.getElementById("shipment").value;
return y;
}

<script>
    $("#price,#quant,#shipment").keyup(function () {
      if(+myFunction3() =="" )
      {
        $('#demo').val(0);
      }
      else if($('#trigger')=="checked") //this is the problem
      {
        $('#demo').val($('#price').val() * $('#quant').val() ;
      }
      else
      {
      $('#demo').val($('#price').val() * $('#quant').val() + +myFunction3());
     }
  });
  </script>

Answer 1

不确定这是否只是在此处输入错误，但在问题区域附近有语法错误(缺少右括号):

$('#demo').val($('#price').val() * $('#quant').val() ;

应该是:

$('#demo').val($('#price').val() * $('#quant').val());

我认为在对字符串进行数学运算之前确保您没有使用字符串会更好:

var price = parseInt($('#price').val(), 10);
var quantity = parseInt($('#quant').val(), 10);

$('#demo').val(price * quantity);

在使用它们之前，您可以进一步确保它们都不是 NaN:

var price = parseInt($('#price').val(), 10);
var quantity = parseInt($('#quant').val(), 10);

if(!isNaN(price) && !isNaN(quantity)) {
  $('#demo').val(price * quantity);
} else {
  alert('Please enter numbers only!');
}