Привет всем. Jquery начал изучать только вот вот ... однако не думал что он понадобится мне вот так скоро...
у меня задача такова:
Есть поле <input>
Есть Определенный набор картинок <img>
Мне надо сделать так чтобы при клике на одну из картинок параметр src тега img передавался в <input>
я этот вопрос решил следующим образом:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("img#linkImg").click(function()
{
var link = $(this).attr("src");
$("input#hehe").val(link);
});
});
</script>
<body>
<input id="hehe" type="text" />
<img id="linkImg" src="briefcase.png" />
<img id="linkImg" src="safety.png" />
</body>
Это работает, но у меня встал вопрос о том как пользователь будет понимать о том что он выбрал картинку которая ему понравилась...и тут я в ступоре....
надо сделать так чтобы при клике на картинку jquery присваивал тегу img параметр class="какойнибудь" в котором будет прописываться например border шириной 3 px красного цвета...причем если пользователь предпочитает выбрать другую картинку то на предидущей(на которой он кликнул до этого) клас пропадал а на ту на которую он кликнул класс появлялся.
вот как так сделать?!
Понимаю что там как то надо перебирать все элементы. Но как связать все, я не могу понять.