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;
    }
  • 相关阅读:
    通过ADB命令查看当前Android运行程序的页面信息
    C#中发起GET和POST请求的方法
    CocoaPods使用
    Carthage使用
    Mac终端常用命令和操作
    Mac OS环境变量配置
    Mac OS包管理器Homebrew
    js利用localStroage实现一个页面栈
    vue-cli快速搭建Vue脚手架 (vue-cli 3.x 模板)
    yarn和npm常用命令
  • 原文地址:https://www.cnblogs.com/a121984376/p/1245886.html
Copyright © 2011-2022 走看看