[עזרה] JS ו HTML

[X-T]

שלום, יש לי את הפונקציה הבאה:

PHP קוד:

function dos(inf)
{
    out = document.getElementById('out');
    
    out.innerHTML = inf;
} 


שכביכול אמורה לקלוט את הערך של RADIO ולהוסיף אותו לסכום הקיים ותציג בסופו של דבר חישוב,

ניסיתי לסדר כך שהערך רק יתווסף לפי מידת הצורך ולא ימחק סתם ככה,

זה אמור לעבוד בצורה כזאת
קטגוריה 1:
[X]ציפס
[X]סלט
[X]המבורגר

קטגוריה 2:
[X]קולה
[X]ספרייט
[X]מיים מינרלים

נגיד שלכל אחד מהמוצרים הנ"ל מכיל ערך כלשהו
בואו נגיד שהמחירים(הערכים) הם כאלה:
ציפס-5
סלט-2
המבורגר-8

קולה-5
ספרייט-4
מים - 2

לדוגמא לחצתי על המבורגר, התווסף ב DIV שמציג את המחיר עד כה זה יציג לי 8, התחרטתי והחלטתי לבחור רק צי'פס, זה ישים לי 5,

כעת אני רוצה לבחור גם שתיה, בחרתי בקולה והערך שלו ותווסף לשל הקטגוריה הקודמת,

האם תוכל לייעל לי את הפונקציה או לתקן לי אותה כך שתתאים למה שאני מעונין לעשות?

הצורה בא אני קולט את הערכים:

PHP קוד:

<input type="radio" name="out1" onclick="dos('10')" /> 


והתצוגה:

PHP קוד:

<div id="out">0</div> 


תודה לעוזרים!