Показ и скрытие при нажатии на радиокнопку

Тема в разделе "Веб-дизайн", создана пользователем trooll, 24 май 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. trooll

    trooll PHP кодер

    Регистр.:
    22 дек 2008
    Сообщения:
    503
    Симпатии:
    116
    Доброго всем времени суток.
    Подскажите как реализовать следующую вещь:
    При выборе определенной радио кнопки отображаться скрытый элемент(реализация на javaskript), но при выборе другой радио кнопки, отобразившийся элемент скрываться и отображается нужный.
    Вот привожу пример кода который смог написать, где производиться отоброжение (дальше реализовать не могу, навыков не хватает:(
    HTML:
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1251">
    </head>
    <body>
    <script language="JavaScript" type="text/javascript">
    document.writeln('<style> #bhide1, #bhide2  { display: none; } </style> ');
    function bhide_show(id)
    {
        var block = document.getElementById('bhide'+id)
        var switcher = document.getElementById('shide'+id)
        if (switcher.checked == true)
        {
        	block.style.display = "block";
        }
    }
    </script>
    <noscript>
    </noscript>
    
    <form action="" method="post">
    Кнопка1:
    <input id="shide1" name="obtype" type="radio" value="" onClick="JavaScript:bhide_show(1);">
    Кнопка2:
    <input id="shide2" name="obtype" type="radio" value="" onClick="JavaScript:bhide_show(2);">
    </div>
    <div id="bhide1">
    ---ПРОБА 1 (при выборе Кнопка1)---
    </div>
    <div id="bhide2">
    ---ПРОБА 2 (при выборе Кнопка2)---
    </div>
    </form>
    </body>
    </html>
     
  2. sitnikovandrey

    sitnikovandrey Писатель

    Регистр.:
    19 дек 2007
    Сообщения:
    6
    Симпатии:
    2
    заключите код вашей функции в цикл с количеством проходов по количеству радиокнопок
    Код:
    function bhide_show(id)
    {
        var N = 2;
        for (var i = 1; i <= N; i++) {
            var block = document.getElementById('bhide'+id)
            var switcher = document.getElementById('shide'+id)
            block.style.display = (switcher.checked == true) ? "block" : "none"
        }
    }
     
Статус темы:
Закрыта.