javascript - jQuery - 简单地除以两个值

Question

我试图从我的输入字段中获取不同的值，将它们分开并显示如下结果:

<input type="text" class="ad-title calculate form-control" name="budget" id="budget" value="" placeholder="Enter a daily budget in USD">

<input type="text" class="form-control calculate" id="ppc" name="ppc" value="" placeholder="">

我的简单 jQuery:

$(document).ready(function() {    
    $(".calculate").bind("keyup change", function(e) {
         var budget = parseFloat($("#budget").val());
         var ppc = parseFloat($("#ppc").val());
         var value = ppc / budget;
        $("#sum").text(value);
    });
});

但是，在我的 #sum div 中，我只看到:NaN

我做错了什么？

Answer 1

你可以这样做:

$(document).ready(function() {    
    $(".calculate").bind("keyup change", function(e) {
        var budget = parseFloat($("#budget").val()) || 0;
        var ppc = parseFloat($("#ppc").val()) || 0;

        var value = ppc / budget;

        if (!isNaN(value) && value !== Infinity) {
            $("#sum").text(value);
        }
    });
});

您可能需要更改它以满足您的需要。例如，当除以零时，我们将得到 NaN 或 Not a Number，因此请处理它。也许您永远不想显示 0，所以可以处理它或将预算设置为默认值 1。这取决于您希望它如何工作。

JSFiddle:http://jsfiddle.net/f0t45c7x/1