[vasa666]

Намудрил вот такую сборку, вроде работает как нужно.
НО можно как тто сделать это без "onclick="tykalka()"? а чтоб скрипт сам понимал как и что перехватывать?

<style>
.opcii-opisanie {
display: none;
}

.vyvod {
display: block;
width: 300;
height: 300px;
border: 1px solid red;
}

</style>

	 <form name="test2" method="post" action="input1.php">

<div id="option-231" class="option">
	<input value="31" name="browser" id="option-value-31" type="radio" onclick="tykalka()"><label for="option-value-31"><span>1<div class="opcii-opisanie">Текст вывода 1</div></span></label>
	<input value="32" name="browser" id="option-value-32" type="radio" onclick="tykalka()"><label for="option-value-32"><span>2<div class="opcii-opisanie">Текст вывода 2</div></span></label>
	<input value="33" name="browser" id="option-value-33" type="radio" onclick="tykalka()"><label for="option-value-33"><span>3<div class="opcii-opisanie">Текст вывода 3</div></span></label>
	<input value="34" name="browser" id="option-value-34" type="radio" onclick="tykalka()"><label for="option-value-34"><span>4<div class="opcii-opisanie">Текст вывода 4</div></span></label>
	<input value="35" name="browser" id="option-value-35" type="radio" onclick="tykalka()"><label for="option-value-35"><span>5<div class="opcii-opisanie">Текст вывода 5</div></span></label>
	<input value="36" name="browser" id="option-value-36" type="radio" onclick="tykalka()"><label for="option-value-36"><span>6<div class="opcii-opisanie">Текст вывода 6</div></span></label>
</div>
  </form>

<div class="vyvod">
СЮДА ГРУЗИТЬ ТЕКСТ
</div>

<script type="text/javascript">	
function tykalka() {
var elems = document.querySelectorAll('input:checked + label span .opcii-opisanie'), vyvod = document.querySelector('.vyvod');
[].forEach.call(elems, function(self) {
var clone = self.cloneNode(true);
clone.style.display = 'block';
vyvod.innerHTML = '';
vyvod.appendChild(clone);
});
}
</script>