贻笑大方--radio的问题

让大家见笑了,我斗胆厚着脸皮写下自己的无知,拍砖的我照单全收,谁让自己无知呢.

今天在使用radio的时候竟然不知道radio如何分组,查了一下才知道是通过设置其name属性相同来达到分组的目的的.比如

<input type="radio" name="r1"></input>
<input type="radio" name="r1"></input>
<input type="radio" name="r1"></input>
<input type="radio" name="r1"></input>

这样这四个radio就可以组成一个group,选其中一个的时候同组的其他radio的选中状态将会被清除.

貌似可以通过radio的name相同的性质来获取,代码如下

 function checks()
 {
     var radios=document.getElementsByName("radio1");
     for(var i=0;i<radios.length;i++)
     {
         if(radios[i].checked==true)
         {
             alert(radios[i].value);
             // 这样就可以取得选中的radio的值了.
         }
     }
 }

 如下示例:

r1-radio1 r1-radio2 r1-radio3

相应的HTML代码为

<input id="radio1" type="radio" name="r1" /></input>r1-radio1 
<input id="radio2" type="radio" name="r1" /></input>r1-radio2 
<input id="radio3" type="radio" name="r1" /></input>r1-radio3