Показать сообщение отдельно
  #7 (permalink)  
Старый 14.05.2014, 18:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,126

ufaclub, или вам нужно сделать все input с одинаковым name? код ниже сработает и так и так
<!DOCTYPE HTML>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .item div {
    display: none;
  }
  .item input:first-of-type:checked ~ div:first-of-type  {
    display: block;
  }
  .item input:last-of-type:checked ~ div:last-of-type  {
    display: block;
  }
  </style>
</head>

<body>
 <div class="item">
<input type="radio" name="ky" value="30 сантиметров"> 30 см.<br>
<input type="radio" name="ky" value="40 сантиметров"> 40 см.<br>
<div id="30s">цена за 30см</div>
<div id="40s">цена за 40см</div>
</div>


<div class="item">
<input type="radio" name="neky" value="30 сантиметров"> 30 см.<br>
<input type="radio" name="neky" value="40 сантиметров" checked> 40 см.<br>
<div>цена за 30см</div>
<div>цена за 40см</div>
</div>
</body>
</html>
Ответить с цитированием