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>