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

时间:2022-08-28 19:33:44

Code
JS取得RadioButtonList的Value,Text及选中值等信息<asp:RadioButtonList ID="RadioButtonList1" runat="server"
JS取得RadioButtonList的Value,Text及选中值等信息 RepeatColumns
="4" RepeatDirection="horizontal">
JS取得RadioButtonList的Value,Text及选中值等信息    
<asp:ListItem Value="1" Text="A1"></asp:ListItem>
JS取得RadioButtonList的Value,Text及选中值等信息    
<asp:ListItem Value="2" Text="A2"></asp:ListItem>
JS取得RadioButtonList的Value,Text及选中值等信息    
<asp:ListItem Value="3" Text="A3"></asp:ListItem>
JS取得RadioButtonList的Value,Text及选中值等信息    
<asp:ListItem Value="4" Text="A4"></asp:ListItem>
JS取得RadioButtonList的Value,Text及选中值等信息    
<asp:ListItem Value="5" Text="A5"></asp:ListItem>
JS取得RadioButtonList的Value,Text及选中值等信息    
<asp:ListItem Value="6" Text="A6"></asp:ListItem>
JS取得RadioButtonList的Value,Text及选中值等信息    
<asp:ListItem Value="7" Text="A7"></asp:ListItem>
JS取得RadioButtonList的Value,Text及选中值等信息    
<asp:ListItem Value="8" Text="A8"></asp:ListItem>
JS取得RadioButtonList的Value,Text及选中值等信息    
<asp:ListItem Value="9" Text="A9"></asp:ListItem>
JS取得RadioButtonList的Value,Text及选中值等信息    
<asp:ListItem Value="10" Text="A10"></asp:ListItem>
JS取得RadioButtonList的Value,Text及选中值等信息
</asp:RadioButtonList>
JS取得RadioButtonList的Value,Text及选中值等信息
JS取得RadioButtonList的Value,Text及选中值等信息
<input id="Button1" type="button" value="button" onclick="fn_GetRadioButtonListInfo();" />

 

JS取得RadioButtonList的Value,Text及选中值等信息JS取得RadioButtonList的Value,Text及选中值等信息Code
JS取得RadioButtonList的Value,Text及选中值等信息function fn_GetRadioButtonListInfo()
JS取得RadioButtonList的Value,Text及选中值等信息JS取得RadioButtonList的Value,Text及选中值等信息
JS取得RadioButtonList的Value,Text及选中值等信息{
JS取得RadioButtonList的Value,Text及选中值等信息    
//取得RadioButtonList的集合
JS取得RadioButtonList的Value,Text及选中值等信息
    var radListItems = document.all("RadioButtonList1");
JS取得RadioButtonList的Value,Text及选中值等信息    
if(radListItems==null)
JS取得RadioButtonList的Value,Text及选中值等信息JS取得RadioButtonList的Value,Text及选中值等信息    
JS取得RadioButtonList的Value,Text及选中值等信息{
JS取得RadioButtonList的Value,Text及选中值等信息         alert(
"相关对象对空");
JS取得RadioButtonList的Value,Text及选中值等信息        
return false;
JS取得RadioButtonList的Value,Text及选中值等信息     }

JS取得RadioButtonList的Value,Text及选中值等信息    
//弹出RadioButtonList的Item的个数
JS取得RadioButtonList的Value,Text及选中值等信息
    var radListItesCount = radListItems.length - 1 ;
JS取得RadioButtonList的Value,Text及选中值等信息     alert(
"Item个数"+radListItesCount);
JS取得RadioButtonList的Value,Text及选中值等信息    
JS取得RadioButtonList的Value,Text及选中值等信息    
var radListCheckedValue = "";
JS取得RadioButtonList的Value,Text及选中值等信息    
//遍历Item的Text和Value
JS取得RadioButtonList的Value,Text及选中值等信息
    for(var i = 1; i <=   radListItesCount ; i++ )
JS取得RadioButtonList的Value,Text及选中值等信息JS取得RadioButtonList的Value,Text及选中值等信息    
JS取得RadioButtonList的Value,Text及选中值等信息{
JS取得RadioButtonList的Value,Text及选中值等信息        
var itemInfo = "";
JS取得RadioButtonList的Value,Text及选中值等信息         itemInfo
+= "" + i +"Item ";
JS取得RadioButtonList的Value,Text及选中值等信息        
//Value
JS取得RadioButtonList的Value,Text及选中值等信息
         itemInfo += " Value: "+ radListItems[i].value;
JS取得RadioButtonList的Value,Text及选中值等信息        
//Text
JS取得RadioButtonList的Value,Text及选中值等信息
        //itemInfo += " Text: "+ radListItems[i].nextSibling.innerText ;
JS取得RadioButtonList的Value,Text及选中值等信息
        //或者
JS取得RadioButtonList的Value,Text及选中值等信息
         itemInfo += " Text: "+ radListItems[i].parentElement.childNodes[1].innerText ;
JS取得RadioButtonList的Value,Text及选中值等信息        
//是否是选中
JS取得RadioButtonList的Value,Text及选中值等信息
         itemInfo += " 是否选中: "+ radListItems[i].checked;
JS取得RadioButtonList的Value,Text及选中值等信息        
//
JS取得RadioButtonList的Value,Text及选中值等信息
        if(radListItems[i].checked)
JS取得RadioButtonList的Value,Text及选中值等信息             radListCheckedValue
= radListItems[i].value;
JS取得RadioButtonList的Value,Text及选中值等信息         alert(itemInfo);
JS取得RadioButtonList的Value,Text及选中值等信息     }

JS取得RadioButtonList的Value,Text及选中值等信息    
if(radListCheckedValue=="")
JS取得RadioButtonList的Value,Text及选中值等信息JS取得RadioButtonList的Value,Text及选中值等信息    
JS取得RadioButtonList的Value,Text及选中值等信息{
JS取得RadioButtonList的Value,Text及选中值等信息         alert(
"没有选中值");
JS取得RadioButtonList的Value,Text及选中值等信息     }

JS取得RadioButtonList的Value,Text及选中值等信息    
else
JS取得RadioButtonList的Value,Text及选中值等信息JS取得RadioButtonList的Value,Text及选中值等信息    
JS取得RadioButtonList的Value,Text及选中值等信息{
JS取得RadioButtonList的Value,Text及选中值等信息         alert(
"选中Value 为 : "+radListCheckedValue);
JS取得RadioButtonList的Value,Text及选中值等信息     }

JS取得RadioButtonList的Value,Text及选中值等信息    
return false;
JS取得RadioButtonList的Value,Text及选中值等信息}

 

<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="ajaxselect.OnmouseTitle.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
    <HEAD>
        <title>WebForm1</title>
        <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
        <meta content="C#" name="CODE_LANGUAGE">
        <meta content="JavaScript" name="vs_defaultClientScript">
        <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
        <script language="javascript">
       
               function getvalue()
        {
        var b=document.all.rbtid.length
        var a=document.getElementById("rbtid").cells.length;
        //alert(b);结果为5
        //alert(a);结果为4
        //for(var i=0;i<b-1;i++)这样也行
        for(var i=0;i<a;i++)
        {
          var ss="rbtid_"+i;
          var aa=document.getElementById(ss).value;
          //if(eval('document.all.rbtid_'+i).checked==true) //这样也行 eval()函数能将数据符串转成js运行
          var bb=document.getElementById(ss);
          if(document.getElementById(ss).checked) //注意checked不能写成Checked,要不然不成功
           {
                  alert(aa);
                  break;
           }     
       
        }
        }
        </script>
    </HEAD>
    <body MS_POSITIONING="GridLayout">
        <form id="Form1" method="post" runat="server">
            <FONT face="宋体">
                <asp:radiobuttonlist id="rbtid" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 8px" runat="server"
                    Width="216px" Height="176px" name="rbtid">
                    <asp:ListItem Value="0">0</asp:ListItem>
                    <asp:ListItem Value="1" Selected>1</asp:ListItem>
                    <asp:ListItem Value="2">2</asp:ListItem>
                    <asp:ListItem Value="3">3</asp:ListItem>
                </asp:radiobuttonlist><INPUT style="Z-INDEX: 102; LEFT: 184px; POSITION: absolute; TOP: 256px" onclick="getvalue()"
                    type="button" value="Button"></FONT>
        </form>
    </body>
</HTML>