Переключение картинок через radiobutton
Здравствуйте! Столкнулся с такой проблемой - необходимо что бы в одном диве картинки переключались в завсимости от того какая позиция выбрана в чекбоксе. То есть в HTML это выглядит так:
<div class="image"> <img src=""></div> <div class="radiobutton"> <input type="radio" class="img1" value="1"> <input type="radio" class="img2" value="2"> <input type="radio" class="img3" value="3"> </div> А имя картинки брать из имя класса нужно, к примеру если class="img1" то имя картинки img1.jpg Помогите скриптик написать пожалуйста! Что то не могу отдуплить что и куда нужно впихивать.... :( Заранее спасибо за ответы! |
Цитата:
<!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 (){
$('.radiobutton :radio').click(function (){
var url=this.value;
url+='.jpg';
$('.image').text(url);
});
});
</script>
</head>
<body>
<div class="image"></div>
<div class="radiobutton">
<input type="radio" name='test' value="img1" />
<input type="radio" name='test' value="img2" />
<input type="radio" name='test' value="img3" />
</div>
</body>
</html>
|
| Часовой пояс GMT +3, время: 04:29. |