Java Scripts - менять href в зависимости от radio button

Статус
В этой теме нельзя размещать новые ответы.

senty

Постоялец
Регистрация
23 Дек 2009
Сообщения
62
Реакции
2
Есть n-количество radio button для выбора цвета продукции.

И 1 кнопка при нажатии на которую выбранный цвет открывается во всплывающем окне.

Каким образом реализовать подстановку url в кнопку при нажатии на которую появляется увеличенное изображение? [:
 
Вот так если я тебя правильно понял.

PHP:
<form name="fgz">
<input name="fgfgfdz" onChange="cvet(event)" id="black" type="radio" />
<input name="yuifgz" onChange="cvet(event)" id="red" type="radio" />
</form>
<a id="knopka" href="#" >edhed </a>

<script>
function cvet(event) {
if (!event.target) {
    event.target = event.srcElement
}
if (event.target.checked === true) {
	
var cvet = event.target.id

switch (cvet) {
case 'black':
var url = 'ewr'
break
case 'red':
var url = 'wt'
break
}


document.getElementById("knopka").href = "/"+url+""
}
}  

</script>
 
majahead, спасибо.
Решил проблему иначе :)
HTML:
<input type="radio" 
name="pcColor" 
onclick="document.getElementById
('prod-color-id').href=
'/zBoxuersk/color/<?=$val['image'] ?>'" />
HTML:
<a target="_blank" href="/zBoxuersk/color/no_colors.jpg"
 class="gallery" id="prod-color-id">Подробнее</a>
Немного подправил в дальнейшем, под собственные нужды:

HTML:
<input type="radio" name="pcColor" 
onClick="document.getElementById('prod-color-id-div').style.display='block'; 
document.getElementById('prod-color-id').href='/zBoxuersk/color/<?=$val['image'] ?>'" />

HTML:
<div id="prod-color-id-div" style="display: none;">
<a target="_blank" href="" class="gallery" id="prod-color-id">Подробнее</a>	
</div>

Принцип действия.

При клике на radio button с элемент в id=prod-color-id передается значение href и
ссылка становится видной, до этого она скрыта, если ни какой цвет не выбран.

Как-то так :)
 
Много дерьма в html получилось. Я бы и атрибут onClick постарался не использовал, вынес бы весь js в отдельный файл.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху