javascript中的NaN在使用文本输入字段求和时显示

NaN in javascript showing up when using a text input field to sum

本文关键字：字段 输入 求和 显示 文本 中的 NaN javascript      更新时间：2023-09-26

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

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

提前Tks

在进行计算之前，请检查是否有未定义或空白的值，并确保@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);
 });
相关文章：