| |
|
|
| | как сделать чтобы при нажатии на radio менялось картинка
$(':radio').click(function (){
if ($(this).attr('checked')) {
$('#kartinka').attr('src',this.id);
}
});
});
|
<img id='kartinka' src='http://javascript.ru/forum/images/smilies/blink.gif' />
<div><label><input type='radio' name='scr' id='http://javascript.ru/forum/images/smilies/smile.gif' /> Screen 1 </label></div>
<div><label><input type='radio' name='scr' id='http://javascript.ru/forum/images/smilies/wink.gif' /> Screen 2 </label></div>
<div><label><input type='radio' name='scr' id='http://javascript.ru/forum/images/smilies/laugh.gif' /> Screen 3 </label></div>
|
Где я ошибся? | |
| |
|
|
| |
|
|
| |
для: sarik
(15.02.2013 в 13:19)
| | | Не атрибут checked проверять надо, а состояние. И откуда эта лишняя });, или случайно затесалась?
$('input:radio').click(function (){
if(this.checked) $('#kartinka').attr('src',this.value);
});
<img id='kartinka' 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>
|
Не обращайтесь к элементы по одному селектору, пишите input:radio. | |
| |
|
|
| |
|
|
| |
для: confirm
(15.02.2013 в 13:45)
| | | Но все равно не работает .Сделал все как написали но не работает | |
| |
|
|
| |
|
|
| |
для: sarik
(15.02.2013 в 13:58)
| | | Значит разбирайтесь с путями.
Замените
if(this.checked) $('#kartinka').attr('src',this.value);
на
if(this.checked) alert(this.value);
Получаете новый путь для изображения? Значит, если пути валидные, все должно работать.
PS. Забыл сказать, что для группы зависимых радиокнопок состояние вообще проверять не надо. | |
| |
|
|
