繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
基础知识
应用技巧
表单特效
广告代码
网页特效
黑客性质
页面导航：
首页
→
网络编程
→
JavaScript
→
表单特效
→ 正文内容
一组单选按钮radio如何进行控制
发布：dxy 发布日期：
2007-1-31
字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<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 全选 提示:你可先修改部分代码,再按运行]
Tags：
一组单选按钮radio如何进行控制
百度中搜索更多的关于
一组单选按钮radio如何进行控制
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：
鼠标移动到某个单元格上后，整个列都变色的实现方法
下一篇文章：
javascript+css好多网站用的选星星实现打分功能的函数
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
一个非常强大完整的web表单验证程序Valid
二级连动菜单
收藏的js表单验证控制代码大全
简单form标准化实例——语义结构
javascript下for( in )语句 获得所有styl
js下获得单选框的值的代码
表单填写时用回车代替TAB的实现方法
如何识别上传前检测的图像是有效的方法
在textarea中屏蔽js的某个function的java
定义select的边框颜色
最 近 更 新
用javascript实现不按Ctrl实现Multiple S
打造个性化的Select(可编辑)
一组单选按钮radio如何进行控制
Ctrl + Enter提交前检测的代码
DynamicOptionList连动菜单代码
鼠标放在放在输入框上面提示效果
在textarea输入Tab
多个iframe自动调整大小的问题
javascript 复选框选择/全选后特效
onpropertypchange
热 点 排 行
checkbox实现全选的多种方法 不断
收藏的js表单验证控制代码大全
HTML里select的CSS样式的改变
改进版：在select中添加、修改、
二级连动菜单
Select的OnChange()事件
javascript判断单选框或复选框是
JS多级连动菜单
多个iframe自动调整大小的问题
把textarea中字符串里含有的回车
文章评论
共有 位脚本之家网友发表了评论我来说两句