Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL на примерах. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум (новые сообщения вниз) Структурный форум

тема: как сделать чтобы при нажатии на radio менялось картинка

Сообщения:  [1-4] 

 
 автор: confirm   (15.02.2013 в 14:03)   письмо автору
 
   для: sarik   (15.02.2013 в 13:58)
 

Значит разбирайтесь с путями.
Замените
if(this.checked) $('#kartinka').attr('src',this.value);
на
if(this.checked) alert(this.value);
Получаете новый путь для изображения? Значит, если пути валидные, все должно работать.

PS. Забыл сказать, что для группы зависимых радиокнопок состояние вообще проверять не надо.

  Ответить  
 
 автор: sarik   (15.02.2013 в 13:58)   письмо автору
 
   для: confirm   (15.02.2013 в 13:45)
 

Но все равно не работает .Сделал все как написали но не работает

  Ответить  
 
 автор: confirm   (15.02.2013 в 13:45)   письмо автору
 
   для: 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.

  Ответить  
 
 автор: sarik   (15.02.2013 в 13:19)   письмо автору
 
 

как сделать чтобы при нажатии на 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>


Где я ошибся?

  Ответить  

Сообщения:  [1-4] 

Форум разработан IT-студией SoftTime
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования