为啥我在本地文件中得到 NaN 但我的小提琴很好

Posted 2023-04-14

【中文标题】为啥我在本地文件中得到 NaN 但我的小提琴很好

【英文标题】：Why am I getting NaN in my local file but my fiddle is fine为什么我在本地文件中得到 NaN 但我的小提琴很好

【发布时间】：2013-03-08 12:30:30

【问题描述】：

我很难理解为什么我在本地文件中得到 NaN，但在我的小提琴中它工作得很好。

我已经检查过我是否在 html 中遗漏了任何 id，但它看起来都是按顺序排列的。我不明白为什么它返回 NaN。

这是我认为导致问题的 javascript 的一部分：

function updateCost() 

    var amount = parseFloat(document.getElementById("amount").value) || 0.00,
        delivery = parseFloat(document.getElementById("delivery").value),
        total = amount + delivery,
        fixedrate =  total / 100 * 12.2,
        grandtotal = fixedrate + total;   

    document.getElementById("amountdiv").innerHTML = amount.toFixed(2);   
    document.getElementById("deliverydiv").innerHTML = delivery.toFixed(2);
    document.getElementById("total").innerHTML = total.toFixed(2);
    document.getElementById("fixedrate").innerHTML = fixedrate.toFixed(2);
    document.getElementById("grandtotal").innerHTML = grandtotal.toFixed(2);



    // handle the due date
    var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday", "Thursday","Friday","Saturday");
    var monthNames = new Array("January","February","March","April","May","June","July", "August","September","October","November","December");    
    var todayPlus30 = new Date();
    todayPlus30.setDate(todayPlus30.getDate()+30)
    var dateStr = (dayNames[todayPlus30.getDay()] + ", " + monthNames[todayPlus30.getMonth()+1] + " " +  todayPlus30.getDate()  + ", " +  todayPlus30.getFullYear());

    $('#date').html(dateStr);

$(function()
    document.getElementById("amount").onchange =
    document.getElementById("delivery").onchange = updateCost;
);  

$(document).ready(function()
    $('#amount').change(function() updateCost(); );
    $('#delivery').change(function() updateCost(); );

);

$(function()
$("#amount").keypress( function(e) 
    var chr = String.fromCharCode(e.which);
    if (".1234567890NOABC".indexOf(chr) < 0)
        return false;
);
);

$("#amount").blur(function() 
    var input = $(this).val();
    if (/^\d*\.?\d0,2$/.test(input)) 
        var amount = parseFloat(input);
        if (amount < 40 || amount > 200) 
            $("span.paymentalert").html("Your payment must be between £40 and £200");
         else 
            $("span.paymentalert").html("");
        
     else 
        $("span.paymentalert").html("Your payment must be a number");
    
);

【问题讨论】：

本地如何加载jquery？

你从哪里得到 nan？

@Ark 我得到了 Nan 的 'fixedrate'、'total'、'grandtotal' 和 'deliverydiv'。

请添加 html。我们是在猜测而不是测试并给出正确的答案。

@s.lenders 好的，“金额”是一个输入字段。 'delivery' 是一个选择字段，其他是输出 div。

【参考方案1】：

试试这个功能：

function updateCost() 

    var amount = parseFloat(document.getElementById("amount").value) || 0.00;
    var delivery = document.getElementById("delivery").value;
    if(delivery !='select' && delivery)
    
        delivery=parseFloat(delivery);
    
    else
    
       delivery=0.00;
    
    var total = amount + delivery;
    var fixedrate =  total / 100 * 12.2;
    var grandtotal = fixedrate + total;   

    document.getElementById("amountdiv").innerHTML = amount.toFixed(2);   
    document.getElementById("deliverydiv").innerHTML = delivery.toFixed(2);
    document.getElementById("total").innerHTML = total.toFixed(2);
    document.getElementById("fixedrate").innerHTML = fixedrate.toFixed(2);
    document.getElementById("grandtotal").innerHTML = grandtotal.toFixed(2);

你也写了onchange函数2次

$(document).ready(function()
    $('#amount').change(function() updateCost(); );
    $('#delivery').change(function() updateCost(); );
);

你可以删除它

$(function()
    document.getElementById("amount").onchange =updateCost;
    document.getElementById("delivery").onchange = updateCost;
); 

【讨论】：

这几乎成功了 Rohan，尽管 'delivery' 是一个选择字段。当我把 0.00.它只返回 0.00。它没有正确选择“交付”div。

我改了答案试试看。

【参考方案2】：

你好像错过了什么

$(function()
document.getElementById("amount").onchange = // something should be here with statement end
document.getElementById("delivery").onchange = updateCost;
);  

看评论部分，你也错过了语句的金额初始化和终止。

我希望这能解决 NAN 的问题 :)

【讨论】：

还有 $(function() $("#amount").keypress( function(e) var chr = String.fromCharCode(e.which); if (".1234567890NOABC".indexOf (chr)