从选定的单选按钮显示输入文本框答案

【问题标题】：Display input textbox from selected radio button从选定的单选按钮显示输入文本框
【发布时间】：2020-03-19 04:53:36
【问题描述】：

我想在选择其中一个单选按钮后显示一个输入文本框，但我很难做到。例如，我有 3 个单选按钮：姓名、年龄和电话号码。如果我选择名称，那么如果我选择其他名称，则会显示输入文本框供我输入名称等。我想知道如何使用 HTML 和 javascript 来做到这一点。介意帮助我，有人吗？谢谢你。

【问题讨论】：

到目前为止你尝试过什么？粘贴你的 html/javascript 代码。
Text box to appear when a radio button is selected的可能重复

标签： javascript html textbox display radio

【解决方案1】：

你可以这样写。

function show(gender){
  console.log(gender);
}

<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>

谢谢！

【讨论】：

【解决方案2】：

<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>

【讨论】：