本教程讲解javascript实现表单Radio切换效果的方法

这里基于js实现表单中的Radio单选框切换效果，当选中某个单选框的时候，所属范围会一同变换，我觉得大家应该收藏一下，以前想用的时候苦苦叫不上这种效果的名字，现在找到了，而且实现起来竟然如此简单，有些地方要注意，获取标签名为myradio的标签。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-table-radio-cha-codes/

具体代码如下：

Radio切换

 fieldset{width:378px;border:1px #B0C0D1 solid;padding:10px;}
 legend{background:#B0C0D1;padding:4px 10px;color:#fff;}
 #c{margin-top:10px;}
 .c1,.c2{width:378px;line-height:20px;}
 .c1{color:#014CC9;}
 .c2{color:#7E6095;}
 h3{font-size:16px;padding:5px 0;}
 .red{color:#BD0A01;}


function radioShow(){
 var myradio=document.getElementsByName("myradio");
 var div=document.getElementById("c").getElementsByTagName("div");
 for(i=0;i


 
I'm Radio
  
请选择：
  XML教程
  浏览器脚本

 
 XML
  DTD
  XML DOM
  XSL
  XSLT
  XSL-FO
  XPath
  XQuery
  XLink 
  XPointer
  Schema
  XForms