Question

我想在选择单选按钮选择之一后显示输入文本框，但是我很难做到这一点。例如，我有3个单选按钮：姓名，年龄和电话号码。如果选择名称，则输入文本框将显示给我输入名称，如果选择其他名称，依此类推。我想知道如何使用HTML和JavaScript。介意帮助我，有人吗？谢谢。

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

谢谢！

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

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

2 个答案: