[JavaScript][HTML]Zmiana wartośći input Opcje

[Mgorka]

Siema pisze program w js który będzie dodawać wartości po wybraniu ich.
Może teraz jaśniej mam kilka inputów typu checkbox (są one wczytywane z bazy danych ale teraz to ominąłem dla ułatwienia):

[HTML] pobierz, plaintext 
<table>
<tr><td style="width: 400px;">Zanacz  kolorem  5zł</td><td>TAK <input type="checkbox" class="price" name="prce[]" value="5" onchange="price(this);"/></td></tr>
<tr><td style="width: 400px;">Zawsze na początku strony  10zł</td><td>TAK <input type="checkbox" class="price" name="prce[]" value="10" onchange="price(this);"/></td></tr>
</table>
<input type="hidden" id="price" name="price" value="0">
[HTML] pobierz, plaintext 

Po zaznaczeniu opcji w formularzu uruchamaiany jest skrypt js:

[PHP] pobierz, plaintext 
function price(){
 var pri = document.getElementById('price').value;
if(document.getElementByClassName('price').checked){
 var ad = document.getElementByClassName('price').value;
 var suma = pri + ad;
 document.getElementById('price').value = suma;
 }
}
 
[PHP] pobierz, plaintext 

ale funkcja nie chce zmienić wartości co robię nie tak. Użyłem this aby odwołąć się konkretnie do tego input