如何基于单选按钮输入创建动态文本字段

Question

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

例如，在我的表格上......有一个单选按钮，询问“你想进入你的年龄吗？”可以选择是或否。 如果用户选中“是”，则在此之后动态显示文本字段，以便用户可以输入他或她的年龄。如果用户选中NO，则不会发生任何事情。

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

Answer 1

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

在jQuery中它是：

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

Answer 2

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