怎么用js选中单选按钮弹出一个可输出的文本域呢

点击齐全什么都没有，点击不齐全弹出一个原因：然后可以输入的文本域，求大g！在线急！！这是单选按钮

img

img

img



```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<style>
#div1{
    height:400px;
    width:400px;
    display: none;
    z-index:3;
    position: absolute;
    
}
</style>
<script type="text/javascript">
function myclick(){
    var div1=document.getElementById("div1");
    div1.style.display="block";
}
</script>
<body>
<div id="div1"><textarea rows="30" cols="30"></textarea></div>
<br><br>
<h1>dsrejjret</h1>
<br>
<h1>tgrtrtrtr</h1>
<h1>tgtrt</h1>
<input type="button" id="btn" value="显示" onclick="myclick()">
</body>
</html>

```

你把文本域放到div中，这个div用z-index显示出来，不点击按钮时这个文本域隐藏起来，点击按钮后显示出来