Cambiare lo sfondo della pagina tramite radio

[cassiosteel]

Sto scrivendo un programmino di prova per cambiare il colore dello sfondo della pagina web tramite radio button; ecco il codice:

<h1>seleziona il colore dello sfondo</h1>
<form name="selColore" action="post" >
	  <input type="radio" name="col1" value="blue"  onclick="changeCol()"><label>Blue</label>

		<input type="radio" name="col1" value="yellow" onclick="changeCol()"><label>Yellow</label>

		<!--<input type="radio" name="col1" value="red" onclick="changeCol()"><label>Red</label>

		<input type="radio" name="col1" value="white" onclick="changeCol()"><label>White</label>-->
</form>

ed ecco la routine changeCol():

document.body.style.backgroundColor=document.selColore.col1.value

Scrivendo in questa maniera lo sfondo non solo non cambia colore,ma document.selColore.col1.value mi da come valore solo "undefined" e non cosa scrivo nei tag...chi mi da una mano?

[Xinod]

puoi semplificare la cosa
<input ... onclick="changeCol(this)">

e la funzione
function changeCol(rd){
document.body.style.backgroundColor=rd.value;
}

altrimenti ti tocca fare

function changeCol(){
	var col, rd=document.selColore.col1;
	for(var k=0;k<rd.length;k++){
		if(rd[k].checked) col=rd[k].value;
	}
	document.body.style.backgroundColor=col;
}

ciao