当前位置: 代码迷 >> HTML/CSS >> 怎么在html中隐藏显示文字
  详细解决方案

怎么在html中隐藏显示文字

热度:524   发布时间:2012-02-06 15:52:44.0
如何在html中隐藏显示文字?
有一个radio选择一个什么都没有,选择另一个后面出现一行文字其中有两个空格需要文字输入
请高手怎么解决,是html静态页,不要用asp.net的控件隐藏属性

------解决方案--------------------
看你也是搞编程的,这是很基本的问题吧?

把你要隐藏的内容写进一个 <div> ,预设display=none或者visibility=hidden
(任意一个就可以了,看需要选吧)
当radio触发事件onclick,根据check属性把上面的值改为block/visible


------解决方案--------------------
<form name= "form_name ">
<input type= "radio " name= "radio_name " onclick= "document.getElementById( 'div_id ').style.display= 'block '; ">
<input type= "radio " name= "radio_name " checked= "true " onclick= "document.getElementById( 'div_id ').style.display= 'none '; ">
<div id= "div_id " style= "display:none; ">
<input type= "text " name= " " value= " " size= "2 ">
</div>
</form>
  相关解决方案