如何根据选择的单选按钮填充文本框？

Question

我正在使用html和jquery。 我有一个表单，其中有几个单选按钮和几个文本框。 我需要根据选择的单选按钮填充文本框。

这是我的jsfiddle

现在，我需要做的是-选择“ Process按钮后如果我选择“ UpdateTest单选按钮，则需要在AddNodeText框中添加hello ，但是如果我选择“ DataTest单选按钮，则需要在AddNodeText框中添加world ，并且除此之外，我不需要在AddNodeText框中添加任何内容。

使用jquery可以做到吗？

Answer 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('');
    }
});

演示

Answer 2

使用数据属性可以很好地做到这一点。

设置数据属性

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

点击添加数据属性。

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

这是您的小提琴，我已经对其进行了更新。 http://jsfiddle.net/4Nmqk/123/