Entfernen NaN aus dem Gesamtfeld, während Funktion die beiden Eingänge zusammen

Question

Ich füge zwei Felder zusammen, um die Summe zu bekommen, aber wenn ich in das erste Feld eintippe das Gesamtfeld zeigt NaN, die ich brauche es nicht zu. Ich habe 5 verschiedene Optionen ausprobiert, um dieses Problem zu beheben, aber keines scheint NaN zu entfernen, während die Funktion ausgeführt wird.

$j(function() { 

    var new_fees = 0.00; 
    var referral_fees = 0.00; 

    $j('#new_fees').keyup(function() { 
     updateTotal(); 
    }); 

    $j('#referral_fees').keyup(function() { 
     updateTotal(); 
    }); 

    var net_fees=parseFloat($j('#net_fees').val());  
     if(isNaN(net_fees)){ 
    net_fees=0; 
} 

    var updateTotal = function() { 
     new_fees = parseFloat($j('#new_fees').val()); 
     referral_fees = parseFloat($j('#referral_fees').val()); 
     $j('#net_fees').val(new_fees + referral_fees); 

    var output_total = $j('#net_fees'); 
    var total = new_fees + referral_fees; 

    output_total.val(total); 
    }; 
}); 

Hier ist die fiddle link aber es scheint nicht gar in Geige zu arbeiten, wo, wie es auf meiner Seite tut

Answer 1

ich Ihren „updateTotal“ -Methode aktualisiert, bitte versuchen Sie es.

var updateTotal = function() { 
    new_fees = parseFloat($('#new_fees').val()); 
    referral_fees = parseFloat($('#referral_fees').val()); 
    $('#net_fees').val(new_fees + referral_fees); 
    var output_total = $('#net_fees'); 
    var total = new_fees + referral_fees; 
    if(isNaN(total)){ 
     total=0; 
    } 
    output_total.val(total); 
}; 

versuchen https://jsfiddle.net/ydLtcrya/1/

Answer 2

Versuchen Sie, diese

var new_fees = $("#new_fees").val(); 
 
var referral_fees = $("#referral_fees").val(); 
 

 
$('#new_fees').keyup(function() { 
 
     updateTotal(); 
 
}); 
 

 
$('#referral_fees').keyup(function() { 
 
     updateTotal(); 
 
}); 
 

 
var updateTotal = function() { 
 
    new_fees = parseFloat($('#new_fees').val()); 
 
    referral_fees = parseFloat($('#referral_fees').val()); 
 
    if(isNaN(new_fees)) 
 
    net_fees=0; 
 
    if(isNaN(referral_fees)) 
 
    referral_fees=0; 
 
    $('#net_fees').val(new_fees + referral_fees); 
 
\t 
 
    var output_total = $('#net_fees'); 
 

 
    var total = new_fees + referral_fees; 
 
    if(isNaN(total)) 
 
    total=0.00; 
 
    output_total.val(total); 
 
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="col-xs-12 col-sm-2 nopadding"> 
 
    <label for="template_range" class="col-xs-11 col-sm-11 col-md-11 col-lg-11 nopadding">New Fees<br><small>(net)</small></label> 
 
    <input type="text" class=" col-xs-5 form-control" id="new_fees" placeholder="0.00"> 
 
</div> \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t 
 
<div class="col-xs-12 col-sm-2 nopadding"> 
 
    <label for="template_range" class="col-xs-11 col-sm-11 col-md-11 col-lg-11 nopadding">Referral Fees<br> <small>(net)</small></label> 
 
    <input type="text" class="col-xs-5 form-control" id="referral_fees" placeholder="0.00" > 
 
</div> \t \t \t \t \t \t \t \t \t \t \t \t \t \t 
 
<div class="col-xs-12 col-sm-2 nopadding"> 
 
    <label for="template_range" class="col-xs-11 col-sm-11 col-md-11 col-lg-11 nopadding">Total Fees <br><small>(net)</small></label> 
 
    <input type="text" class="col-xs-5 form-control" value="0.00" id="net_fees" readonly> 
 
</div> 
 
<div class="col-xs-12 col-sm-2 nopadding"> 
 
    <label for="template_range" class="col-xs-11 col-sm-11 col-md-11 col-lg-11 nopadding">Total Fees <br><small>(gross)</small></label> 
 
    <input type="text" class="col-xs-5 form-control" value="0.00" id="gross_fees" readonly> 
 
</div>

Answer 3

Sie auf 0 ausfallen könnten, wenn die parseFloat Rückkehr NaN

var updateTotal = function() { 
    new_fees = parseFloat($j('#new_fees').val()) || 0; 
    referral_fees = parseFloat($j('#referral_fees').val()) || 0; 
    $j('#net_fees').val(new_fees + referral_fees); 

    var output_total = $j('#net_fees'); 
    var total = new_fees + referral_fees; 

    output_total.val(total); 
};