当前位置：文江博客话题详情

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

发布于 2024-09-01 03:05:15 字数 191 浏览 4 评论 0原文

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

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

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

时光与爱终年不遇 2024-09-08 03:05:15

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

在 jQuery 中是：

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

Add in the the text-field to the markup, and then add a class to hide it. On the change event of the radio checkbox, toggle the class on or off, depending on the selection. This will hide or show the text-field. If you have no javascript experience, many of the popular libraries have more simple APIs for all of this stuff.

In jQuery it's:

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

回复收藏 0 原文

-黛色若梦 2024-09-08 03:05:15

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

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

回复收藏 0 原文

~没有更多了~