Question

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

这是我的jsfiddle

现在我需要做的是 - 选择Process按钮后如果我选择了UpdateTest单选按钮，那么我需要在hello框中添加AddNodeText但是如果我选择DataTest单选按钮，则需要在world框中添加AddNodeText，除此之外，我无需在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('');
    }
});

DEMO

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/

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

2 个答案: