首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >显示选定单选按钮的输入文本框

显示选定单选按钮的输入文本框
EN

Stack Overflow用户
提问于 2019-11-23 16:07:29
回答 2查看 119关注 0票数 0

我想在选择其中一个单选按钮后显示输入文本框,但我很难做到。例如,我有3个单选按钮:姓名、年龄和电话号码。如果我选择了名字,那么输入文本框将会显示,让我输入一个名字,以此类推,如果我选择其他。我想知道如何使用HTML和javascript来做这件事。介意帮我一下吗,有人吗?谢谢。

EN

回答 2

Stack Overflow用户

发布于 2019-11-23 16:33:26

你可以像这样写所有的东西。

代码语言:javascript
复制
function show(gender){
  console.log(gender);
}
代码语言:javascript
复制
<label for="gender">
  <input type="radio" name="gender" onclick="show('male')" value="male"/> male <br />
  <input type="radio" name="gender" onclick="show('female')" vlaue="female"/>  Female
</label>

谢谢!

票数 0
EN

Stack Overflow用户

发布于 2019-11-23 16:49:49

代码语言:javascript
复制
<label for="name">
  <input type="radio" name="gender" onclick="createElements()"/> Male <br />
  <input type="radio" name="gender" onclick="createElements()"/> Female
  
  <div id="input"></div>
</label>

<script>
function createElements(){
	var input = document.createElement("INPUT");
  input.setAttribute("type", "text");
  document.getElementById("input").appendChild(input);
}
</script>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59005727

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档