Вывод значения из js на странице
Здравствуйте !
Прошу посмотреть свежим и опытным взглядом, по каким причинам не выводится на сайте искомое значение. Всю голову сломал...
<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>
|
darthmitriy,
А это у вас что такое? document.create.tab2 и аналогичные |
Эта финтифлюшка была в одном из примеров, по аналогии с которым я пытался работать.
В моём необразованном понимании эта история должна была бы сбрасывать значения сhecked у всех id, кроме выбранного. Или не должна? |
darthmitriy,
Эта финтифлюшка вызывает ошибку, которая не дает работать всему остальному, т. к. скрипт не знает, что это такое (я тоже не знаю) На кнопках радио checked устанавливается-снимается нажатием. Из всех кнопок radio с одинаковым name может быть только одна checked |
<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>
|
Dilettante_Pro, моя Вам благодарность)
Rise, рекламе передал) |
| Часовой пояс GMT +3, время: 19:59. |