Показать сообщение отдельно
  #1 (permalink)  
Старый 09.03.2015, 16:33
Интересующийся
Отправить личное сообщение для Jeick9 Посмотреть профиль Найти все сообщения от Jeick9
 
Регистрация: 08.10.2014
Сообщений: 23

Переключение div-блоков с помощью radio кнопок
Мне собственно нужно сделать переключатель div-блоков с помощью radio intu-ов.
Нашел вот такой пример реализации:
<script type="text/javascript">
  function showOrHide(cat1, cat2, cat3) {
    cat1 = document.getElementById(cat1);
    cat2 = document.getElementById(cat2);
	cat3 = document.getElementById(cat3);

    cat1.style.display = "block";
    cat2.style.display = "none";
	cat3.style.display = "none"
  }
</script>


<td><input type = "radio" id = "cb1" onclick = "showOrHide('cat1', 'cat2','cat3');" name="oplata" value="0"> Доллар </td>  
<td><input type = "radio" id = "cb2" onclick = "showOrHide('cat2', 'cat1', 'cat3');" name="oplatat" value="1"> Рубль</td> 
<td><input type = "radio" id = "cb3" onclick = "showOrHide('cat3', 'cat1','cat2');" name="oplata" value="3"> Гривна</td> </tr>


<div id = 'cat1' style = 'display: none;'>1</div>
<div id = 'cat2' style = 'display: none;'>2</div>
<div id = 'cat3' style = 'display: none;'>3</div>


Проблема в том, что при выборе одного radio-кнопки всегда остаются две активные кнопки. На сколько я понимаю это из-за того что используется showOrHide, который поддерживает только два положения. Подскажите пожалуйста как это правильно реализовать.
Ответить с цитированием