jQuery и radiobutton - как узнать значение кликнутого Радио и подставить его в input?

интернет программирование html JavaScript jQuery

В зависимости от кликнутого radiobutton в некоторый input должно подставляться определенное содержимое. Я делаю так, но alert срабатвает только тогда, когда кликаю по первому радио. В остальных случаях ничего не происходит. Пробовал также вместо .click использовать .change - ничего не меняется. Подскажите, как по клике на определенный radio в нижнюю форму поставлялось определенное значение?

HTML:
------------------------------------------------
<p><strong>СТРАНИЦА</strong></p>
<input type='radio' name='page' value='1' id='page1' /><label for='page1'>СТРАНИЦА1</label><br />
<input type='radio' name='page' value='2' id='page2' /><label for='page2'>СТРАНИЦА2</label><br />
<input type='radio' name='page' value='3' id='page3' checked /><label for='page3'>СТРАНИЦА3</label><br />
<p><label for='pagename'>Имя страницы<span class='alert'>*</span></label>
<br />
<input name='pagename' type='text' id='pagename' size='100' value='VALUE1' /></p>
------------------------------------------------

javascript:
------------------------------------------------
$('form#texts :radio#page').click(function() {
alert ($('form#texts :radio#page').val());
if ($(this).val()==2) $('form#texts #pagename').val("VALUE2"); else if ($(this).val()==3) $('form#texts #pagename').val("VALUE3");
//VALUE1 подставлять не нужно
});
------------------------------------------------

JSFIDDLE: http://jsfiddle.net/LPL7p/

Примечание:
holden321, спасибо! Немного не то, что я хотел, но смысл понял.
Вместо
$('form#texts :radio#page').click(function() {}
нужно было
$('form#texts :radio[name=page]').change(function () {}
так как id-то разные.
Ответы:
проанализировать, что радиобаттон отдает при клике и обработать эти данные
$(':radio[name=page]').change(function () {
       $("#pagename").val($("label[for="+this.id+"]").text());
});


11 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.