Einfache Mathematik, aber es funktioniert nicht?

Question

Ich habe eine Tabelle, wo Benutzer eine Teilenummer, Teilepreis und Menge eingeben können. Es ist dann multiple der Preis und die Menge, um Sie insgesamt zu bekommen. Ich habe diesen Teil fertiggestellt.

Jetzt muss ich die Steuern auf Seiten und dann eine Gesamtsumme aber das ist, was im bekommen:

function calculateit() { 
    var myBox1 = $('input[name=tax2]:checked').val(); //taxes value 
    var myBox2 = document.getElementById('partstotalvalue').value; //parts total value 
    var result = document.getElementById('partstax'); // input field for the total of taxes * parts 
    var myResult = myBox1 * myBox2; //result = taxes * parts total 
    result.value = myResult; // display the results 

    var result2 = document.getElementById('partstotalwithtax'); // inputp field for taxes + total value 
    var totalResult = myResult + myBox2; // totalresult = taxes on part + the parts total 
    result2.value = totalResult; // display the results 
} 

Hier ist die Geige:

https://jsfiddle.net/jdarville/hxqev0be/

Answer 1

Problem mit + Operator- und Variablentypen.

In Ihrem Fall versuchen Sie Zeichenfolge wie diese

var a = "1" + "2"; <- 12 

Was Sie brauchen, ist parseFloat zu verwenden und dann tun Mathe

var a = parseFloat("2") + parseFloat("2.14") <- 4.14 

hoffe, das hilft hinzuzufügen.

Answer 2

Sie könnten die unary + operator zum Gießen auf Nummer verwenden.

var myBox1 = +$('input[name=tax2]:checked').val(); //taxes value 
var myBox2 = +document.getElementById('partstotalvalue').value; //parts total