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

时间:2010-07-26 22:50:25

标签: 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 NAME="X" VALUE="LL"/> C </tr>

    </table>

    </html>

我想要展示

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

选择B时,否则不显示。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

没有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>