当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 一组单选按钮radio如何进行控制

技术文章搜索

关键字

Javascript 中的 一组单选按钮radio如何进行控制

---

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 425 ::
收藏到网摘: n/a

一种表格背景色渐变效果的实现 Bmail联系人飞来飞去效果

点击运行可以看到效果:<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 全选 提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:<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 全选 提示:你可先修改部分代码,再按运行]

一种表格背景色渐变效果的实现 Bmail联系人飞来飞去效果

评论 (0) All

登陆 还没注册？

设为首页 | 加入收藏 | 关于我们 | 联系我们 | 广告服务 | 网站地图 | 友情链接 | 在线帮助 | 免责声明 Sitemap W3school

如果您觉得本站不错，别忘了告诉您的同学和同事哟 ^_^

欢迎各网站转载我们的原创，转载时请注明出处。

All copyright is reserved by 软晨网（RuanChen.com）