Последовательный выбор, как сделать проверку?

Question

[cactuss]

<script>
    function a() {document.getElementById('info1').style.display='block';}
    function b() {document.getElementById('info2').style.display='block';}
    function c() {document.getElementById('info3').style.display='block';}
</script>

<input   type="radio" name="1"   onChange="a()">1
<input   type="radio" name="1"   onChange="b()">2
<input   type="radio" name="1"   onChange="c()">3
<br>
    <div id="info1" style="display:none">
        <label><input name="2" type="radio" value="Да" />1Да</label>
        <label><input name="2" type="radio" value="Нет" />1Нет</label>
    </div>
    <div id="info2" style="display:none">
        <label><input name="3" type="radio" value="Да" />2Да</label>
        <label><input name="3" type="radio" value="Нет" />2Нет</label>
    </div>
    <div id="info3" style="display:none">
        <label><input name="4" type="radio" value="Да" />3Да</label>
        <label><input name="4" type="radio" value="Нет" />3Нет</label>
    </div>
</form>

Помогите, уже 2-й час с этим вожусь.
js я плохо знаю, c++ не поможет... Как реализовать проверку, чтобы если выбран 1-й вариант, 2-й не отображался? Как на скрине


Вот так должно быть...



Напишите за меня проверку, пожалуйста. У меня ничего не получилось (

Answer 1

[1001001 111]

Создай функцию, например такую

var elems = document.getElementsByTagName("div");
for (var i = 0; i<elems.length; i++) {
     elems[i].style.display = 'none';
}

и вызывай ее в самом начале в функциях (a,b,c).

Comments

[1001001 111]

А вообще советую Вам почитать "Флэнагана"

[cactuss]

Большое спасибо )

[cactuss]

@IgorO2 Неа, не работает ...

[1001001 111]

@cactuss jsfiddle.net/42Cg2
а ты говоришь не работает

[cactuss]

@IgorO2 не правильно понял, поэтому не заработало( я только с++ знаю