Html 选择单选按钮时打开文本框_Html

Html 选择单选按钮时打开文本框

html

Html 选择单选按钮时打开文本框,html,Html,我对HTML相当陌生，我想在选中某个单选按钮时打开一个文本框 <html> <table> <tr><INPUT TYPE=RADIO NAME="X" VALUE="H"/> A </tr> <tr><INPUT TYPE=RADIO NAME="X" VALUE="L"/> B </tr> <tr> <INPUT TYPE=RADIO

我对HTML相当陌生，我想在选中某个单选按钮时打开一个文本框

    <html>
    <table>

    <tr><INPUT TYPE=RADIO NAME="X" VALUE="H"/> A </tr>

    <tr><INPUT TYPE=RADIO NAME="X" VALUE="L"/> B </tr>

    <tr> <INPUT TYPE=RADIO NAME="X" VALUE="LL"/> C </tr>

    </table>

    </html>


A.
B
C

我想展示一下

<tr> <TEXTAREA NAME="data" ROWS=10 COLS=50> </TEXTAREA> </tr>

当选择B时，否则不显示它。有什么想法吗？

没有jQuery：

<html>
    <head>
      <script type="text/javascript">
        function show() { document.getElementById('area').style.display = 'block'; }
        function hide() { document.getElementById('area').style.display = 'none'; }
      </script>
    </head>
    <body>        
      <form name="radios">
        <INPUT TYPE=RADIO NAME="X" VALUE="H" onclick="hide();"/>A 
        <INPUT TYPE=RADIO NAME="X" VALUE="L" onclick="show();"/>B 
        <INPUT TYPE=RADIO NAME="X" VALUE="LL" onclick="hide();"/>C
        <TEXTAREA id="area" style="display: none;" NAME="data" ROWS=10 COLS=50></TEXTAREA>   
      </form>
    </body>
</html>


函数show（）{document.getElementById（'area'）。style.display='block'；}
函数hide（）{document.getElementById（'area'）。style.display='none'；}
A.
B
C

如果你想得到答案，你可能想提高你的接受率。首先，我要去掉表格！然后，我将使用类似jQuery的JavaScript库，因为您不能使用HTML动态隐藏任何显示字段，您必须使用客户端或服务器端语言。