Как изменить макет печати в textarea с помощью javascript?

Question

hello guys in my code Я создал массив со случайными числами. распечатать этот массив в текстовом поле и точно отображает как это:

5,52,5,4,8,4,3,4,8,6,1,4,58,3,4,8,3,1,8 

теперь я хочу, чтобы убедиться, чтобы изменить печать чисел в текстовом поле. Я хотел бы видеть их в вертикальном, и в частности:

5 
52 
5 
4 
8 
4 
3 
4 
8 
6 
1 
4 
58 
3 
4 
8 
3 
1 
8 

изменение макета должно иметь место, когда пользователь выбирает кнопку радио На самом деле, у меня есть:

radio buttons horizontally 
radio buttons vertically 

Кто знает, просветите меня ?

Answer 1

EDIT: переписан с использованием не-jquery. Позволяет использовать базовый текст в текстовом поле.

JSFiddle:

http://jsfiddle.net/deEP5/

HTML:

<input id="radio1" type="radio" name="hv" value="horizontal" checked/>Horizontal 
<br/><input id="radio2" type="radio" name="hv" value="vertical"/>Veritical 
<br/> 
<textarea id="text">Some text, random stuff. 

Other text. 

</textarea> 

JS:

function toggleNumbers(){ 
    if(this.value == 'horizontal'){ 
     document.getElementById('text').value = document.getElementById('text').value.replace(/(\d)\n?/g,"$1,").replace(/(\d),(\D)/g,"$1 $2").replace(/(\d),$/g,"$1"); 
    } else { 
     document.getElementById('text').value = document.getElementById('text').value.replace(/(\d),?/g,"$1\n");     
    } 
} 

document.getElementById('radio1').addEventListener('click',toggleNumbers); 
document.getElementById('radio2').addEventListener('click',toggleNumbers);  

var arr = [1,2,3,4,5,6,7,8]; 
document.getElementById('text').value = document.getElementById('text').value + arr.join(","); 

CSS

textarea { 
    height:200px; 
    width:300px; 
} 

Answer 2

HTML

<textarea id="ta">5,52,5,4,8,4,3,4,8,6,1,4,58,3,4,8,3,1,8</textarea> 
<input type="radio" name="orientation" value="vertical"/> Vertical 
<input type="radio" name="orientation" value="horizontal"/> Horizontal 

Javascript

var numbers = document.getElementById("ta").value.split(","); 
var inputs = document.getElementsByTagName("input"); 
for(var i = 0; i < inputs.length; i++){ 
    inputs[i].onclick=function(){ 
     document.getElementById("ta").value = (this.value == "vertical") ? numbers.join("\n"):numbers.join(","); 
    }    
} 

JS Fiddle:http://jsfiddle.net/88KyJ/1/