Javascript 如果我有3个单选按钮，如何自动生成tex tboxes？_Javascript_Jquery

Javascript 如果我有3个单选按钮，如何自动生成tex tboxes？

javascript jquery

Javascript 如果我有3个单选按钮，如何自动生成tex tboxes？,javascript,jquery,Javascript,Jquery,我有3个单选按钮，当选择其中一个时，我想自动生成文本框。例如，如果用户选择了“是”单选按钮，我想要文本框，如果他们选择另一个单选“否”按钮，它将自动生成文本框，然后我想要它清除“是”文本框。我试过..下面是我的代码有人能帮我吗对不 NA 函数show1（）{document.getElementById（'area'）.style.display='block'；} 函数show（）{document.getElementById（'area1'）。style.display='blo

我有3个

单选按钮

，当选择其中一个时，我想自动生成

文本框

。例如，如果用户选择了“是”

单选按钮

，我想要

文本框

，如果他们选择另一个单选“否”按钮，它将自动生成

文本框

，然后我想要它清除“是”

文本框

。我试过..下面是我的代码

有人能帮我吗


对
不
NA
函数show1（）{document.getElementById（'area'）.style.display='block'；}
函数show（）{document.getElementById（'area1'）。style.display='block'；}
函数hide（）{document.getElementById（'area'）。style.display='none'；}

根据我的理解，下面的代码将帮助您

function show() {
  document.getElementById('area').style.display = 'block';
  document.getElementById('area1').style.display = 'none';
}
function show1() {
  document.getElementById('area1').style.display = 'block';
  document.getElementById('area').style.display = 'none';
}
function hide() {
  document.getElementById('area').style.display = 'none';
  document.getElementById('area1').style.display = 'none';
}

请参见此处的演示

尝试此示例

HTML

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>Radio button</title>
</head>
<body>
<form name="radios">
        <input type=radio name="x" value="h" onclick="show1();"/>Yes 
        <input type=radio name="x" value="l" onclick="show2();"/>No 
        <input type=radio name="x" value="ll" onclick="hide();"/>Null
        <textarea id="area1" style="display: none;" name="data" rows=10 cols=50>Area 1</textarea>
        <textarea id="area2" style="display: none;" name="data" rows=10 cols=50>Area 2</textarea>
      </form>
</body>
</html>

祝你好运

show（）的重复声明功能谢谢你的回答。但我的意图是当你选择“是”时，文本框即将出现，用户必须手动输入其中…当他单击“否”后，是文本框应该消失，根据“否”文本框将出现。我不知道问问题，是否有任何错误意味着sry。@RaviKumar两者之间有什么真正的区别吗

区域

和

区域1

？最大长度有什么变化吗？如果没有类似的问题，那么为什么要保留两个

textarea

以实现相同的目标？如果答案正确，请将其标记为已接受。请参阅stackoverflow教程->

function show1() {
  document.getElementById('area1').style.display = 'block';
  document.getElementById('area2').style.display = 'none';
}
function show2() {
  document.getElementById('area2').style.display = 'block';
  document.getElementById('area1').style.display = 'none';
}
function hide() {
  document.getElementById('area1').style.display = 'none';
  document.getElementById('area2').style.display = 'none';
}