Вывод значения из js на странице

[darthmitriy]

Здравствуйте !
Прошу посмотреть свежим и опытным взглядом, по каким причинам не выводится на сайте искомое значение. Всю голову сломал...

<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="document.create.tab2.checked=false;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="document.create.tab1.checked=false;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="document.create.size2.checked=false;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="document.create.size1.checked=false;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>

[Dilettante_Pro]

darthmitriy,
А это у вас что такое?
document.create.tab2 и аналогичные

[darthmitriy]

Эта финтифлюшка была в одном из примеров, по аналогии с которым я пытался работать.

В моём необразованном понимании эта история должна была бы сбрасывать значения сhecked у всех id, кроме выбранного. Или не должна?

[Dilettante_Pro]

darthmitriy,
Эта финтифлюшка вызывает ошибку, которая не дает работать всему остальному, т. к. скрипт не знает, что это такое
(я тоже не знаю)
На кнопках радио checked устанавливается-снимается нажатием. Из всех кнопок radio с одинаковым name может быть только одна checked

[Dilettante_Pro]

<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>

[darthmitriy]

Dilettante_Pro, моя Вам благодарность)

Rise, рекламе передал)