如何根据单选按钮的输入创建动态文本字段答案

【问题标题】：How to create dynamic textfield based on radio button's input如何根据单选按钮的输入创建动态文本字段
【发布时间】：2010-05-13 22:26:18
【问题描述】：

我正在尝试根据单选复选框选择动态显示表单的文本字段。

例如，在我的表单上...有一个单选按钮询问“您想输入您的年龄吗？”带有检查是或否的选项。如果用户选中“是”，则在此之后会动态显示一个文本字段，以便用户可以输入他或她的年龄。如果用户选择 NO，则什么都不会发生。

我该如何开始做这样的事情？只是寻找我能得到的任何反馈。谢谢！

【问题讨论】：

标签： javascript dynamic textfield

【解决方案1】：

将文本字段添加到标记中，然后添加一个类来隐藏它。在单选复选框的更改事件上，根据选择打开或关闭类。这将隐藏或显示文本字段。如果您没有 javascript 经验，许多流行的库都有更简单的 API 来处理所有这些内容。

在 jQuery 中是：

$('#radioID').change(function(){
  if ($(this).val() === 'YES') {
    $('#textfieldId').show();
  }
  else {
    $('#textfieldId').hide();
  }
});

【讨论】：

【解决方案2】：

$('input[name=thename][value=yes]').change(function()
    {
       if ($(this).is(':checked')
       {
           // append your textfield
       }
    }
);

【讨论】：