Выводить текущее значение Radio Input
 

<script type="text/javascript">
function lookimgcolor(){
for (i = 1; i < 8; i++) {
document.getElementById("colorcloth").innerHTML = document.getElementById("colorcloth").innerHTML + '<input type="radio" name="color" value="' + i + '">' + '<img src="images/createclothimg/color/'+ i +'.jpg" width="100">';
}
}
function swap(){
document.getElementById("clothes").innerHTML = '<img src="images/createclothimg/color/' + input.val() + '.jpg">';
}
</script>

Мне нужно что бы когда пользователь нажимал нажимал на радио кнопку со значением 1, то это значение (1) выводилось на экран, если нажимал со значением 2 то выводилось на экран 2 и т.д, как это сделать?

Какой-то несуразный код. Строка 4 изменит содержимое #colorcloth 7 раз. Зачем? Почему нельзя добавить все 7 радиокнопок одним фрагментом? И что значит "выводилось на экран"? Если алертом, то добавьте onclick="alert('+ i + ')" так же как вставляется value