开发者

Opening a textbox on selecting a radio button

开发者 https://www.devze.com 2023-01-08 18:58 出处：网络

I am fairly new to HTML, I want to open a text box when a particular radio button is selected <html>

相关专题：

I am fairly new to HTML, I want to open a text box when a particular radio button is selected

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

I want to show

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

when B is selected开发者_开发技巧 otherwise not show it. Any ideas?

Without 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>