JS取得RadioButtonList的Value,Text及选中值等信息

 

< asp:RadioButtonList ID = " RadioButtonList1 "  runat = " server "
 RepeatColumns = " 4 "  RepeatDirection = " horizontal " >
     < asp:ListItem Value = " 1 "  Text = " A1 " ></ asp:ListItem >
     < asp:ListItem Value = " 2 "  Text = " A2 " ></ asp:ListItem >
     < asp:ListItem Value = " 3 "  Text = " A3 " ></ asp:ListItem >
     < asp:ListItem Value = " 4 "  Text = " A4 " ></ asp:ListItem >
</ asp:RadioButtonList >

< input id = " Button1 "  type = " button "  value = " button "  onclick = " fn_GetRadioButtonListInfo(); "   />

 

 

function  fn_GetRadioButtonListInfo()
... {
    //取得RadioButtonList的集合
    var radListItems = document.all("RadioButtonList1");
    if(radListItems==null)
    ...{
         alert("相关对象对空");
        return false;
     }
    //弹出RadioButtonList的Item的个数
    var radListItesCount = radListItems.length - 1 ;
     alert("Item个数"+radListItesCount);
    
    var radListCheckedValue = "";
    //遍历Item的Text和Value
    for(var i = 1; i <=   radListItesCount ; i++ )
    ...{
        var itemInfo = "";
         itemInfo += "第" + i +"Item ";
        //Value
         itemInfo += " Value: "+ radListItems[i].value;
        //Text
        //itemInfo += " Text: "+ radListItems[i].nextSibling.innerText ;
        //或者
         itemInfo += " Text: "+ radListItems[i].parentElement.childNodes[1].innerText ;
        //是否是选中
         itemInfo += " 是否选中: "+ radListItems[i].checked;
        //
        if(radListItems[i].checked)
             radListCheckedValue = radListItems[i].value;
         alert(itemInfo);
     }
    if(radListCheckedValue=="")
    ...{
         alert("没有选中值");
     }
    else
    ...{
         alert("选中Value 为 : "+radListCheckedValue);
     }
    return false;
}