Показать сообщение отдельно
  #9 (permalink)  
Старый 16.04.2015, 11:40
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105

Открывашка 212 input type=radio
zazula,
всё это можно сделать без js немного поменяв структуру html
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script>
      window.onload = function() {
          var divs = document.querySelectorAll('.op + div'),
              inp = document.querySelectorAll('[name="oplata"]'),
              fn = function(input) {
                  input.onclick = function() {
                      Array.prototype.forEach.call(divs, function(div, i) {
                          div.style.display = inp[i].checked ? "block" : "none"
                      })
                  }
              };
          Array.prototype.forEach.call(inp, fn);
      }
  </script>
</head>

<body>

<p class="op"><label><input name="oplata"  class="oplata" type="radio" value="1"   /> Наличными при получении заказа</label></p>
<div  style="display:none">Оплата производится наличными при получении товара, после проверки</div>

<p class="op"><label> <input name="oplata"  class="oplata" type="radio" value="2"   /> Банковской картой при получении заказа</label></p>
<div  style="display:none">Оплата производится банковской картой через мобильный терминал при получении товара, после проверки</div>

<p class="op"><label> <input name="oplata"  class="oplata" type="radio" value="3"   /> Пластиковой картой на сайте</label></p>
<div  style="display:none">Вы будете перенаправлены на сервис оплаты. Операции будут проходить в защищенном режиме.</div>

<p class="op"><label> <input name="oplata"  class="oplata" type="radio" value="4"   /> Безналичный расчет</label></p>
<div  style="display:none">Мы согласуем дату доставки с Вами после оформления заказа. Укажите пожалуйста реквизиты компании, мы подготовим счет и пришлем его Вам по электронной почте. Необходимы полные реквизиты: наименование, ИНН, КПП, адреса, банковские реквизиты. Без них мы не сможем подготовить счет.</div>

<p class="op"><label> <input name="oplata"  class="oplata" type="radio" value="5"   /> Кредит</label></p>
<div  style="display:none">Для оформления кредита на вашу покупку, заполните анкету банка партнера. С вами свяжется работник банка для уточнения деталей и оформления документов.</div>

</body>

</html>
Ответить с цитированием