Trasformare stringhe in numeri decimali e sommarli

[otello]

Buonasera a tutti,
ho difficoltà con javascript del quale conosco davvero poco.
Il quesito è: in una form php ho più campi nei quali vengono digitati dei valori sotto la forma xx,xx.
Ho bisogno di calcolare in Javascript la somma di questi valori.
Dato che i valori contengono una virgola, ho pensato di trasformarli in decimali puri e poi sommarli restituendo il valore della somma in un campo "spesarich" della form.
La mia soluzione è stata:

function calcolaSpesa(){    costo1 = document.getElementById('costost1').value;
    costo2 = document.getElementById('costost2').value;
    costo3 = document.getElementById('costost3').value;
    costo4 = document.getElementById('costost4').value;
    superficie = document.getElementById('superficie').value;
    costo1= costo1.replace(",",".");
    costo2= costo2.replace(",",".");
    costo3= costo3.replace(",",".");
    costo4= costo4.replace(",",".");
    superficie= superficie.replace(",",".");
    
    var costo1 = parseFloat(costo1).toFixed(2);
    var costo2 = parseFloat(costo2).toFixed(2);    
    var costo3 = parseFloat(costo3).toFixed(2);    
    var costo4 = parseFloat(costo4).toFixed(2);    
    var superficie = parseFloat(superficie).toFixed(2);
    var spesarich = (costo1 + costo2 + costo3 + costo4);


    document.getElementById("spesarich").innerHTML = spesarich;


}

I valori di "costo1...costo4" sono corretti, ma nel campo "spesarich" mi restituisce il valore dei campi (costo1,costo2,costo3,costo4) intesi come stringhe (per esempio se i valori sono 1.00,2.00,3.00,4.00 restituisce 1.002.003.004.00 e non 10.00). Dove sbaglio?

Grazie per l'aiuto