zoukankan      html  css  js  c++  java
  • 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;
    }
  • 相关阅读:
    sql server 去掉重复项
    mvc2.0与3.0 便利一行三个元素 便利多行代码
    新距离
    Android
    Java
    计算机文化基础期末考试复习
    立体的导航条
    腾讯微博
    1637
    私有变量
  • 原文地址:https://www.cnblogs.com/a121984376/p/1245886.html
Copyright © 2011-2022 走看看