javascript - 使用文本输入字段求和时，JavaScript 中显示 NaN

Question

我需要将一个值与来自输入文本的另一个值相加。

HTML

<%= f.text_field :hoursclass, id:"txt_hours" %>     

JS

$(function() {
  var price = <%= @room.price %>;
  var qtdhours =  parseInt($(':input[id="txt_hours"]').val());
  var total = qtdhours * <%= @room.price %>

  $("#txt_hours").keyup(function() { 
    $('#reservation_days').text(qtdhours);
    $('#reservation_sum').text(total);
 });

$('#reservation_sum').text(total); 返回 NaN

提前致谢

Answer 1

在计算之前检查未定义或空白值，并确保@room.price具有数值。

$(function() {
  var total=0;
  var price = <%= @room.price %>;
  var qtdhours =  parseInt($(':input[id="txt_hours"]').val());
  if (qtdhours != undefined || qtdhours !='') {
    total = qtdhours * <%= @room.price %>
  }

  $("#txt_hours").keyup(function() { 
    $('#reservation_days').text(qtdhours);
    $('#reservation_sum').text(total);
 });