实现选择radio按钮后添加一个文本输入框的示例

最新推荐文章于 2023-05-10 19:50:57 发布

windvally

最新推荐文章于 2023-05-10 19:50:57 发布

阅读量5.3k

点赞数

分类专栏： html+js 文章标签： radioinputadd

本文链接：https://blog.youkuaiyun.com/windvally/article/details/50906914

版权

html+js 专栏收录该内容

8 篇文章

订阅专栏

这篇博客展示了如何在用户选中radio按钮后，动态地添加一个文本输入框。通过HTML和JavaScript实现，当用户勾选特定的radio选项时，会显示一个用于输入的文本框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现选择radio按钮后添加一个文本输入框：

<input type="radio" name="c_guomin" value="yes" style="align: bottom;margin-left:20pt;margin-right:10pt"

οnclick="document.getElementById('gmwp').style.display='';document.getElementById('label').style.display='' " />有
<input type="radio" name="c_guomin" value="no" style="align: bottom;margin-left:20pt;margin-right:10pt"
οnclick="document.getElementById('gmwp').style.display='none';document.getElementById('label').style.display='none';
document.getElementById('gmwp').value=''"/>没有

<div style="font-family:microsoft yahei;font-size:22pt;padding-left:50pt;padding-top:10pt;color:#4F4F4F">
<label id="label" style="display:none" >请输入名称：<br></label>
<input class="input_b01" type="text" name="c_guomin_name" id="gmwp" style="display:none"
style="align: bottom;margin-left:20pt;margin-right:10pt;margin-top:10pt" />
</div>

效果如下：