Показать сообщение отдельно
  #5 (permalink)  
Старый 04.05.2017, 17:46
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,899

<script type="text/javascript">
function calc(){

	if (document.getElementById('tab1').checked && document.getElementById('size1').checked)
	{rezultat = '<strike>4200 руб.</strike> <span>3090 руб.</span>';
	skidka = '-25%';}
	if (document.getElementById('tab1').checked && document.getElementById('size2').checked)
	{rezultat = '<strike>4700 руб.</strike> <span>3290 руб.</span>';
	skidka = '-30%';}
		
	if (document.getElementById('tab2').checked && document.getElementById('size1').checked)
	{rezultat = '<strike>4200 руб.</strike> <span>3090 руб.</span>';
	skidka = '-25%';}
	if (document.getElementById('tab2').checked && document.getElementById('size2').checked)
	{rezultat = '<strike>4700 руб.</strike> <span>3290 руб.</span>';
	skidka = '-30%';}
	
	
	document.getElementById('rezultat').innerHTML = rezultat;
	document.getElementById('skidka').innerHTML = skidka;
}
</script>

<form class="form" id="maket" style="text-align:center;">
<div class="tabs">

    <input id="tab1" type="radio" name="tabs" value="Форма1" onclick="calc()" checked>
    <label for="tab1" title="вкладка 1">
      <span></span>
	  <img src="images/forma1-m.png" style="max-width:85px;"/>
    </label>
  
    <input id="tab2" type="radio" name="tabs" value="Форма2" onclick="calc()">
    <label for="tab2" title="вкладка 2">
      <span></span>
	  <img src="images/forma2-m.png" style="max-width:85px;"/>
    </label>

<input id="size1" type="radio" name="size" value="Размер 800*550" onclick="calc()" checked>
    <label for="size1" title="Размер 800*550" style="width:19%;">800*550
      <span style="    margin: 3px 0 0 0;"></span>
    </label>

	<input id="size2" type="radio" name="size" value="Размер 1000*650" onclick="calc()">
    <label for="size2" title="Размер 1000*650" style="width:19%;">1000*650
      <span style="    margin: 3px 0 0 0;"></span>
    </label>

        <input type="text" name="name" placeholder="Ваше имя..." required="" style="width:45%;padding: 10px;"/>
        <input type="text" name="phone" placeholder="Ваш телефон..." required="" style="width:45%;padding: 10px;"/>
<span id="rezultat"></span>
<span id="skidka"></span>
	 <button class="submit-btn" type="submit" style="border-radius:10px;margin: 15px auto 0;">Отправить</button>

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