ayuda. cambir diseño

[icarocu]

hola a todos..
necesito me ayuden con esto... tengo un javascript en mi pagina que me agrega un texto definido (Cargo "x"), un campo de texto, y otro campo de texto ...

Como se modifica esto para que me aparezca


el texto definido (Cargo "x".) ---- un campo de texto ----otro texto definido --- el otro campo de texto..

para que quede algo asi:
Cargo 1.- [ ] 2.- [ ]
Cargo 2.- [ ] 2.- [ ]
etc..

en vez de :
Cargo 1.- [ ] [ ]
Cargo 2.- [ ] [ ]
etc.. (que es lo que tengo ahora)

no se nada de javascript y necesito de su ayuda..

gracias.

este es el codigo:

Código:

<script> 
Num=0; 
function Agregar(){ 
        obj=document.getElementById('tabla'); 
        f=document.getElementById('fila'); 
        Num++; 
        elTr=document.createElement('tr'); 
        elTd=document.createElement('td'); 
        elTd.innerHTML='Cargo '+Num+' :'; 
        elTr.appendChild(elTd); 
        elTd=document.createElement('td'); 

        elem=document.createElement('input');
        elem.type='textarea';  
        elem.name='cargo[]'+Num; 

        elemTxt=document.createElement('input'); 
        elemTxt.type='textarea'; 
        elemTxt.name='tiempo[]'+Num;
        elemTxt.size='3'; 

        elTd.appendChild(elem); 
        elTd.appendChild(elemTxt); 

        elTr.appendChild(elTd); 
        obj.insertBefore(elTr,f) 
        } 


</script>