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;
    }
  • 相关阅读:
    JavaScript进阶-BOM和DOM
    JavaScript基础
    CSS2-属性
    CSS1-选择器
    HTML-常用标签
    判断回文
    课堂作业
    动手动脑
    原码反码补码
    Java第一次考试作业
  • 原文地址:https://www.cnblogs.com/a121984376/p/1245886.html
Copyright © 2011-2022 走看看