js获取RadiobuttonList的选中项

来源:互联网 发布:shopnc软件版权问题 编辑:程序博客网 时间:2024/05/19 15:42

1、以前,用javascript获取DropDownList的选中项的值,直接用如下代码:

document.getElementById("DropDownList1").options[document.getElementById("DropDownList1").options.selectedIndex].value

这次取RadioButtonList想当然的就这么用了,然而不凑效,呵呵,凑效就怪了。

 

查看了一下网页源文件,发现,DropDownList在html里的代码是:

<select name="DropDownList1" id="DropDownList1">
 <option value="1">一</option>
 <option selected="selected" value="2">二</option>

</select>

 

而RadioButtonList的源代码是:

<table id="Rbl_IsSM" class="RadioButtonList" onclick="SelectVisible()" border="0" style="border-color:#D0D0BF;border-width:1px;border-style:Double;height:95%;width:90%;">
 <tr>
  <td><input id="Rbl_IsSM_0" type="radio" name="Rbl_IsSM" value="1" /><label for="Rbl_IsSM_0">是</label></td>
 </tr><tr>
  <td><input id="Rbl_IsSM_1" type="radio" name="Rbl_IsSM" value="0" checked="checked" /><label for="Rbl_IsSM_1">否</label></td>
 </tr>
</table>

被解析成了table.每一项的格式也如上。

 

所以获取选中项只能用循环解决了,如下:

      var b = 0;
      var icount = document.getElementById("Rbl_MixNum").cells.length;
      for(var i = 0; i < icount; i ++)
      {
                var ss="Rbl_MixNum_"+i;
               
                if(document.getElementById(ss).checked)
                {
                    b = document.getElementById(ss).value;
                    break;
                }     

      }

 

也不知道还有没有更好的方法。

 

2、而给RadioButtonList 添加事件时,我想是改变选择项则触发客户端事件,结果添加onchange事件,没反应。不知何故?而用oncilck事件则达到了预期的效果。