原帖要求:选择单选框的第一个选项,表单不显示出来,而选择第二个选项的时候,表单显示。tzboy给出的代码如下:
- <input type=radio name=aa value=yes onclick=bb.style.display='none'>显示
- <input type=radio name=aa value=no onclick=bb.style.display='block'>不显示<br>
- <div id=bb style=display:none>
- <input type=text name=cc>
- </div><br>
- <input type=button value=submit>
我把代码稍稍改动了一点,实际效果如下,主要是标准问题。
- <script type="text/javascript">
- function show(){
- document.getElementById("test").style.display = "block";
- }
- function hide(){
- document.getElementById("test").style.display = "none";
- }</script>
- <input type="radio" name="group1" value="yes" onchange="show()" />显示
- <input type="radio" name="group1" value="no" onchange="hide()" />不显示
- <div id="test" style="display:none">
- <input type="text" />
- </div>