我对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时,否则不显示。有什么想法吗?
答案 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>