Форум

magahed · #1 (**permalink**) 22.11.2011, 20:10

Прошу подсазать по поводу довольно простой задачи.Есть картинка,у нее есть путь.Есть форма с 3мя радио кнопками.Нужно чтобы путь менялся при переключении кнопки.Как сделать путь переменой?
Я попытлся кое-что сделать,но запутался.

function(link){
if (link='id радио кнопки'){ document.getElementByName('имя картинки').src='нужный путь'}
if (link='id другой радио кнопки'){ document.getElementByName('имя картинки').src='другой путь'}
...

В ту ли сторону я мыслю?

ksa · #2 (**permalink**) 23.11.2011, 10:36

Сообщение от magahed

В ту ли сторону я мыслю?

Есть мнение, что ты мало дал информации...

Некий вариант...

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
</style>
<script type="text/javascript">
$(document).ready(function (){
	$(':radio').click(function (){
		if (this.checked) {
			$('#test').attr('src',this.value);
		}
	});
});
</script>
</head>
<body>
<img id='test' src='http://javascript.ru/forum/images/smilies/blink.gif' />
<div>
	<label>
		<input type='radio' name='scr' value='http://javascript.ru/forum/images/smilies/smile.gif' />
		Screen 1
	</label>
</div>
<div>
	<label>
		<input type='radio' name='scr' value='http://javascript.ru/forum/images/smilies/wink.gif' />
		Screen 2
	</label>
</div>
<div>
	<label>
		<input type='radio' name='scr' value='http://javascript.ru/forum/images/smilies/laugh.gif' />
		Screen 3
	</label>
</div>
</body>
</html>

magahed · #3 (**permalink**) 24.11.2011, 16:16

Огромное спасибо, но лучше б конечно самому научиться

Форум

Справочник

Discord чат

Курсы javascript