JavaScript: Показ определенных блоков при изменении формы

Бывает при изменении элементов формы, нужно показать другие ее элементы или вывести текстовую информацию. В данной теме показан пример на JavaScript для показа ранее скрытых блоков при выбранном значении radio.

<script> 
function Selected(a) { 
var label = a.value; 
if (label=="Open1") { 
document.getElementById("Block1").style.display='block'; 
} else { 
document.getElementById("Block1").style.display='none'; 
} 
var label = a.value; 
if (label=="Open2") { 
document.getElementById("Block2").style.display='block'; 
} else { 
document.getElementById("Block2").style.display='none'; 
} 
var label = a.value; 
if (label=="Open3") { 
document.getElementById("Block3").style.display='block'; 
} else { 
document.getElementById("Block3").style.display='none'; 
} 
} 
</script>

<p>Выберите блок</p>
<label><input id="Open1" type="radio" name="Open1" value="Open1" aria-required="true" onChange="Selected(this)">Блок 1</label>
<label><input id="Open2" type="radio" name="Open2" value="Open2" aria-required="true" onChange="Selected(this)">Блок 2</label>
<label><input id="Open3" type="radio" name="Open3" value="Open3" aria-required="true" onChange="Selected(this)">Блок 3</label>

<div id='Block1' style='display: none;'>
Содержимое скрытого блока 1
</div>

<div id='Block2' style='display: none;'>
Содержимое скрытого блока 2
</div>

<div id='Block3' style='display: none;'>
Содержимое скрытого блока 3
</div>