2014-09-13 3 views
0

Я работаю с html и jquery. У меня есть форма, в которой у меня мало переключателей и несколько текстовых полей. Мне нужно заполнить текстовое поле в зависимости от того, какой переключатель я выбираю.Как заполнить текстовое поле в зависимости от выбранного переключателя?

Вот мой jsfiddle

Теперь то, что мне нужно сделать, это - После выбора Process кнопку Если я выбрать кнопку UpdateTest радио, то мне нужно добавить hello в AddNodeText поле, но если я выбрать DataTest переключатель , тогда мне нужно добавить world в поле AddNodeText, и кроме этого мне не нужно ничего добавить в поле AddNodeText.

Можно ли это использовать с помощью jquery?

ответ

1

Вы пробовали это?

$('input[name="client"]').click(function() { 
    if ($(this).attr('id') === 'updatetest') 
    { 
     $('#conf').val('hello'); 
    } 
    else if ($(this).attr('id') === 'datatest') 
    { 
     $('#conf').val('world'); 
    } 
    else 
    { 
     $('#conf').val(''); 
    } 
}); 

DEMO

1

Это красиво сделано с использованием атрибутов данных.

Установить атрибут данных

<input type="radio" data-text="hello"></input> 

Добавить атрибутивные данные по щелчку.

$(".boxes").on('click', function() { 
var text = this.getAttribute('data-text'); 
$("input#conf").val(text); 
}); 

Вот ваш Fiddle, я обновил его и его работу. http://jsfiddle.net/4Nmqk/123/

Смежные вопросы