Изменение картинки с помощью radio
Прошу подсазать по поводу довольно простой задачи.Есть картинка,у нее есть путь.Есть форма с 3мя радио кнопками.Нужно чтобы путь менялся при переключении кнопки.Как сделать путь переменой?
Я попытлся кое-что сделать,но запутался.
function(link){
if (link='id радио кнопки'){ document.getElementByName('имя картинки').src='нужный путь'}
if (link='id другой радио кнопки'){ document.getElementByName('имя картинки').src='другой путь'}
...
В ту ли сторону я мыслю? |
Цитата:
Некий вариант...
<!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>
|
Огромное спасибо, но лучше б конечно самому научиться:thanks:
|
| Часовой пояс GMT +3, время: 18:33. |