radio选择,并在textarea进行提示

 1 <html>
 2 <head>
 3 <title>
 4 选择男女提示
 5 </title>
 6 <meta charset="UTF-8">
 7 <style type="text/css">
 8 
 9 </style>
10 
11 <script type="text/javascript">
12 //全局变量
13 
14 
15 //全局变量结束
16 function xZnan()
17 {
18 var nan = document.getElementById("nan");
19 var shuru = document.getElementById("shuru");
20 if(nan.checked == true)
21 {
22 shuru.value = "我是一个男的";
23 }
24 }
25 function xZnv()
26 {
27 var nan = document.getElementById("nv");
28 var shuru = document.getElementById("shuru");
29 if(nv.checked == true)
30 {
31 shuru.value = "我是一个女的";
32 }
33 }
34 </script>
35 </head>
36 <body>
37 <div>
38 <input id="nan" type="radio" name="sex" onclick="xZnan()" />39 <input id="nv" type="radio" name="sex" onclick="xZnv()" /><br />
40 输入提示区:<textarea id="shuru" ></textarea>
41 </div>
42 </body>
43 </html>

猜你喜欢

转载自www.cnblogs.com/cxwl/p/9786753.html