Форум

Fly dream · #1 (**permalink**) 11.04.2012, 11:00

Здравствуйте! Столкнулся с такой проблемой - необходимо что бы в одном диве картинки переключались в завсимости от того какая позиция выбрана в чекбоксе. То есть в 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
Помогите скриптик написать пожалуйста! Что то не могу отдуплить что и куда нужно впихивать....

Заранее спасибо за ответы!

ksa · #2 (**permalink**) 11.04.2012, 16:24

Сообщение от Fly dream

Помогите скриптик написать пожалуйста

Как вариант...

<!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>

Форум

Справочник

Discord чат

Курсы javascript