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

danik.js,

Вариант с css
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style>
fieldset{
     padding:10px;
     display: inline;
}

.item[disabled]{display:none}
</style>
<script>
	function toggleSet(rad)
	{
	  var type = rad.value,
          fieldsets = document.querySelectorAll('fieldset');
	  for(var k = 0, elm; elm = fieldsets[k]; k++)
	  elm.id == type ? elm.removeAttribute('disabled')  : elm.setAttribute('disabled', 'disabled')
	}

   window.onload =  toggleSet //чтоб атрибут вручную не прописывать

</script>

</head>

<body>

  <form method="post" action="confirm.php"  >
<section >
<legend>Выберите способ доставки:</legend>

<input type="radio" name="dostavka[]" value="courier" onclick="toggleSet(this)">Курье по Минску
<br>
<input type="radio" name="dostavka[]" value="pochta" onclick="toggleSet(this)">Почтовое отправление
<br>
<input type="radio" name="dostavka[]" value="smz" onclick="toggleSet(this)">Самовывоз
<br><br>
Оплата:<br>
<input type="radio" name="oplata" checked> Оплата при получении<br>
</section>
<fieldset    id="courier" class="item">
<legend>Курьерская доставка</legend>
Имя:<br>
<input  type="text" name="fname"  value="2" required><br>
Телефон:<br>
<input type="text" name="telefon" required ><br>
Адрес:
  <br>
<textarea rows="2" cols="21" required >
</textarea><br>
Время доставки: <br>
<input type="radio" name="timed[]" value="до5" >До 5

<input type="radio" name="timed[]" value="posle6">После 6
 <br><br>
<input  type="submit" name="submit" value="ПОДТВЕРЖДАЮ">

</fieldset>


<fieldset   id="pochta" class="item">
<legend>Почтовое отправление</legend>
ФИО:<br>
  <input type="text" name="fname" id="text_field_1"  required   ><br>
Телефон:
  <br>
  <input type="text" name="lname" id="text_field_1"  required  ><br>
Индекс:
  <br>
  <input type="text" name="index" id="text_field_1"  required   ><br>
Адрес:
  <br>
<textarea rows="2" cols="21" required>
</textarea>
 <br><br>
<input  type="submit" name="submit" value="ПОДТВЕРЖДАЮ">
</fieldset>



<fieldset   id="smz" class="item">
<legend>Самовывоз</legend>
Имя:<br>
<input type="text" name="fname" required ><br>
Телефон:<br>
<input type="text" name="tel"><br>
Когда вас ждать?<br>
<input type="datetime-local" name="vrema">
 <br>
 <span style="color:#666; font-size:8px"><pre>Внимание, телефон указывать не обязательно,
но заранее предупредите о своем визите,
чтобы ваш заказ был собран вовремя.<pre></span><br>
<input  type="submit" name="submit" value="ПОДТВЕРЖДАЮ">
</fieldset>
</form>

</body>

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