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

trooll · 24 Май 2009

Доброго всем времени суток.
Подскажите как реализовать следующую вещь:
При выборе определенной радио кнопки отображаться скрытый элемент(реализация на 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>

sitnikovandrey · 25 Май 2009

заключите код вашей функции в цикл с количеством проходов по количеству радиокнопок

Код:

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"
    }
}

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

trooll

PHP кодер

sitnikovandrey

Писатель