首页 > 网络编程 > JavaScript > 表单特效 > 一组单选按钮radio如何进行控制 2007-01-31 00:00:00 作者： 一组单选按钮radio如何进行控制 <style> body{font-size:12px;} .code{display:none;} </style> <script> function SenFe_Code(sname,sid){ if(sname.checked){ sid.style.display="block"; }else{ sid.style.display="none"; } } </script> <div><input type=radio name=sname value="" onpropertychange="SenFe_Code(this,SenFe_1);">标题一</div> <div id="SenFe_1" class="code">详细内容一</div> <div><input type=radio name=sname value="" onpropertychange="SenFe_Code(this,SenFe_2);">标题二</div> <div id="SenFe_2" class="code">详细内容二</div> <div><input type=radio name=sname value="" onpropertychange="SenFe_Code(this,SenFe_3);">标题三</div> <div id="SenFe_3" class="code">详细内容三</div> <div><input type=radio name=sname value="" onpropertychange="SenFe_Code(this,SenFe_4);">标题四</div> <div id="SenFe_4" class="code">详细内容四</div> <div><input type=radio name=sname value="" onpropertychange="SenFe_Code(this,SenFe_5);">标题五</div> <div id="SenFe_5" class="code">详细内容五</div> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] <style> body{font-size:12px;} .code{display:none;} </style> <script> function SenFe_Code(sname,sid){ if(sname.checked){ sid.style.display="block"; }else{ sid.style.display="none"; } } </script> <div><input type=checkbox name=sname value="" onClick="SenFe_Code(this,SenFe_1);">标题一</div> <div id="SenFe_1" class="code">详细内容一</div> <div><input type=checkbox name=sname value="" onClick="SenFe_Code(this,SenFe_2);">标题二</div> <div id="SenFe_2" class="code">详细内容二</div> <div><input type=checkbox name=sname value="" onClick="SenFe_Code(this,SenFe_3);">标题三</div> <div id="SenFe_3" class="code">详细内容三</div> <div><input type=checkbox name=sname value="" onClick="SenFe_Code(this,SenFe_4);">标题四</div> <div id="SenFe_4" class="code">详细内容四</div> <div><input type=checkbox name=sname value="" onClick="SenFe_Code(this,SenFe_5);">标题五</div> <div id="SenFe_5" class="code">详细内容五</div> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
