help to newbie (very very newbie)

Hello friends. I need to select checkboxes in a webpage and get the selected values in a textarea.

I´m working with this code and functions ok,but does not fit exactly to my needs. With this code, independently of the order I click on the checkboxes, the selected values always appear in the same order they had as displayed in the checkboxes ( for example if I randomly click box5, box1, box3 , them appear in the textarea ordered as box1, box3, box5), but it would be better for me not to get the values in the textarea in the same order they are displayed in the checkboxes, but in the same order I click on them (for example if I click box5, box1, box3 , I would like them to appear in the textarea ordered as box5, box1, box3), I´m sorry because my inability to solve something that surely is basic and simple. Anybody could help me? Thanks in advance!?

<script language=”JavaScript”> function valores()
{
document.forms[‘formulario’][‘area’].value=””;
for(c=1; c<=300; c++)
{
if (document.forms[‘formulario’][‘box’+ c].checked==true)
{
document.forms[‘formulario’][‘area’].value=document.forms[‘formulario’][‘area’].value +document.forms[‘formulario’][‘box’+c].value + “”; }
}
}
</script>
<br>
<form name=”formulario” action=”nuevo.html” method=”get”>

<input value=”Aerofagia. ” name=”box1″ onclick=”valores()” type=”checkbox”>Aerofagia.<br>

<input value=”Afasia. ” name=”box2″ onclick=”valores()” type=”checkbox”>Afasia. <br>

<input value=”Afasia motora. ” name=”box3″ onclick=”valores()” type=”checkbox”>Afasia motora.<br>

<input value=”Afasia sensitiva. ” name=”box4″ onclick=”valores()” type=”checkbox”>Afasia sensitiva.<br>

<input value=”Agitaci&oacute;n. ” name=”box5″ onclick=”valores()” type=”checkbox”>Agitaci&oacute;n. <br>

<textarea name=”area” rows=”50″ cols=”50″></textarea></form>

Also in #JavaScript _↴