Show/hide afhængig af 2 grupper radiobuttons

Du kan da bare lave to ens kald:

function show(which,qst){
  for (var i=1; i<=2; i++) {
    var dv = document.getElementById(qst+i);
    dv.style.display = (i==which) ? 'block' : 'none';
  }
}

og sådan ser min OnClick feks. ud:
<span class='answer2'><input type='radio' name='f6' value='1' id='idf6_1' onClick="show(2,'f7');"><label for='idf6_1'> Ja</label></span><br>
<span class='answer2'><input type='radio' name='f6' value='2' id='idf6_2' onClick="show(1,'f7');"><label for='idf6_2'> Nej</label></span><br>

<span class='answer2'><input type='radio' name='f6_2' value='1' id='idf6_2_1' onClick="show(2,'f7');"><label for='idf6_2_1'> Ja</label></span><br>
<span class='answer2'><input type='radio' name='f6_2' value='2' id='idf6_2_2' onClick="show(1,'f7');"><label for='idf6_2_2'> Nej</label></span><br>

<div id="f71" style="display:none;">

</div>

<div id="f72" style="display:none;">
  Her skal stå noget tekst osv. hvis der er markeret "Ja"
</div>

Så ryger jeg lige direkte ind i kernen af mit problem.
Hvis jeg vælger "Ja" i den første, så skal teksten vises uanset at der vælges "Nej" i den næste. Hvis jeg gør som ovenfor, så forsvinder (hides) min div "igen" ved "Nej" i den anden. Det blev lidt knudret - håber du kan se min pointe :-))

roenving:
Måske du også kan hjælpe mig lidt vedr. http://www.eksperten.dk/spm/718419 (er dog lukket nu, men nyt spmål kan jo oprettes)
Jeg kunne godt tænke mig at gøre switchDiv-funktionen mere dynamisk - sådan at jeg kan have hele formularen på én side. Udfordringen er at jeg kunne tænke mig at have betingelser med - forstået således at man feks. i en given div-gruppe svarer "Ja" på et spørgsmål og det medfører at man skal "hoppe" til et andet spørgsmål i en anden div-gruppe (feks. 2 div-grupper længere nede). Kan man overhovedet dette eller bliver det for kompleks?

Så bliver det jo en del mer langhåret ...


F.eks.

<script type="text/javascript">
function show(which,qst,sync){
  if(sync && which.form.elements(sync)[0].checked){
    sync = true;
  }else sync = false;
  var show = sync ? 2 : which.value == 1 ? 2 : 1
  for (var i=1; 3>i; i++) {
    var dv = document.getElementById(qst+i);
    dv.style.display = (i==show) ? 'block' : 'none';
  }
}
</script>

og sådan ser min OnClick feks. ud:
<form>
<span class='answer2'><input type='radio' name='f6' value='1' id='idf6_1' onClick="show(this,'f7','f6_2');"><label for='idf6_1'> Ja</label></span><br>
<span class='answer2'><input type='radio' name='f6' value='2' id='idf6_2' onClick="show(this,'f7','f6_2');"><label for='idf6_2'> Nej</label></span><br>

<span class='answer2'><input type='radio' name='f6_2' value='1' id='idf6_2_1' onClick="show(this,'f7','f6');"><label for='idf6_2_1'> Ja</label></span><br>
<span class='answer2'><input type='radio' name='f6_2' value='2' id='idf6_2_2' onClick="show(this,'f7','f6');"><label for='idf6_2_2'> Nej</label></span><br>

<div id="f71" style="display:none;">
  Her skal stå noget tekst osv. hvis der er markeret "Nej"
</div>

<div id="f72" style="display:none;">
  Her skal stå noget tekst osv. hvis der er markeret "Ja"
</div>
</form>

-- den anden bliver nok _meget_ langhåret, jeg har i hvert fald ingen ide til den umiddelbart !-)

Hej roenving - havde lidt problemer med at få dit forslag til at virke. Fandt en anden løsning - måske ikke så køn ....

function showHiddenLayer(formname, r1name, r2name,divID) {
    if ((document.forms[formname].elements[r1name][3].checked == true || document.forms[formname].elements[r1name][4].checked == true) || (document.forms[formname].elements[r2name][3].checked == true || document.forms[formname].elements[r2name][4].checked == true)) {
    document.getElementById(divID).style.display = 'block';
    } else {
    document.getElementById(divID).style.display = 'none';
    }
}