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;
    }
  • 相关阅读:
    SharePoint 2013 APP 开发示例 (六)服务端跨域访问 Web Service (REST API)
    麦咖啡导致电脑不能上网
    SharePoint 2013 Central Admin 不能打开
    SharePoint 2013 APP 开发示例 (五)跨域访问 Web Service (REST API)
    SharePoint 2013 APP 开发示例 系列
    synthesize(合成) keyword in IOS
    Git Cmd
    简单的正则匹配
    Dropbox
    SQL Server Replication
  • 原文地址:https://www.cnblogs.com/a121984376/p/1245886.html
Copyright © 2011-2022 走看看