| 
<form  id='test-form'>
 <div id="field5" style="display: none;">
 <input type="radio" name="home" value="no" disabled>6no   
 <input type="radio" name="home" value="yes" disabled>6yes<br>
 </div>
 
 
 <div id="field6" style="display: block;">
 <input onChange="getValueb(this)" type="radio" name="home" value="no" checked >5no   
 <input onChange="getValueb(this)" type="radio" name="home" value="yes">5yes<br>
 </div>
 
 
 <br/>
 
 
 <div id="field4" style="display: none;">
 <input type="radio" name="away" value="no" disabled>4no   
 <input type="radio" name="away" value="yes" disabled>4yes<br>
 </div>
 
 <div id="field3" style="display: block;">
 <input onChange="getValuec(this)" type="radio" name="away" value="no" checked>3no   
 <input onChange="getValuec(this)" type="radio" name="away" value="yes">3yes<br>
 </div>
 </form>
 
 
 
 <script type="text/javascript">
 function getValueb(b) {
 if(b.value == 'no'){
 document.getElementById("field4").style.display = 'none'; // you need a identifier for changes
 document.getElementById("field3").style.display = 'block'; // you need a identifier for changes
 }
 else{
 document.getElementById("field4").style.display = 'block';  // you need a identifier for changes
 document.getElementById("field3").style.display = 'none';  // you need a identifier for changes
 
 }
 }
 </script>
 <script type="text/javascript">
 function getValuec(c) {
 if(c.value == 'no'){
 document.getElementById("field5").style.display = 'none'; // you need a identifier for changes
 document.getElementById("field6").style.display = 'block'; // you need a identifier for changes
 }
 else{
 document.getElementById("field5").style.display = 'block';  // you need a identifier for changes
 document.getElementById("field6").style.display = 'none';  // you need a identifier for changes
 
 }
 }
 </script>
 
 |