HTML部分
--------

Code
<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:ListItem Value="5" Text="A5"></asp:ListItem>
    <asp:ListItem Value="6" Text="A6"></asp:ListItem>
    <asp:ListItem Value="7" Text="A7"></asp:ListItem>
    <asp:ListItem Value="8" Text="A8"></asp:ListItem>
    <asp:ListItem Value="9" Text="A9"></asp:ListItem>
    <asp:ListItem Value="10" Text="A10"></asp:ListItem>
</asp:RadioButtonList>

<input id="Button1" type="button" value="button" onclick="fn_GetRadioButtonListInfo();" />

JS部分
-------

Code
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;
}

转载于:https://www.cnblogs.com/freeliver54/archive/2008/03/28/1126831.html

JS取得RadioButtonList的Value,Text及选中值等信息相关推荐

  1. js/jq获取复选框的选中值

    <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...

  2. js判断一个下拉框的选中值是否改变

    下拉框按钮 select 的change $("input[type=radio][name=school][value=8]").attr("checked" ...

  3. JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值...

    //**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的IDvar op ...

  4. Js获取radio的选中值

    普通的radio的选中值获取方式如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8&quo ...

  5. vue复选框默认被选中_vue .js绑定checkbox并获取、改变选中状态的实例

    vue .js绑定checkbox并获取.改变选中状态的实例 2019-01-07 编程之家收集整理的这篇文章主要介绍了vue .js绑定checkbox并获取.改变选中状态的实例,编程之家小编觉得挺 ...

  6. js、jquery操作复选框checkbox总结(单个/多个获取选中值、初始化设置默认选中值、全选反选)

    一.单个复选框 使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法:   https://blog.csdn.net/qq_40015157/article ...

  7. js原生、jquery单选框radio总结(获取值、设置默认选中值、样式)

    单选框 radio总结: 一.页面样式截图: <div class="radio-inline"><input type="radio" na ...

  8. html 输入框联动显示,js下拉选择框与输入框联动实现添加选中值到输入框的方法...

    本文实例讲述了js下拉选择框与输入框联动实现添加选中值到输入框的方法.分享给大家供大家参考.具体如下: 这里演示js下拉选择框与输入框联动,直接添加选中值到输入框中的效果.这种效果相信不少朋友见到过吧 ...

  9. 通过JS修改select默认选中值触发onchage事件

    通过JS修改select默认选中值触发onchage事件 前言 一.body部分 二.js部分 前言 页面加载时,通过js修改select选中值,触发onchange事件,实现联动效果 以下是本篇文章 ...

  10. Javascript获取select的选中值和选中文本

    var obj = document.getElementByIdx_x("select_id"); //selectid var index = obj.selectedInde ...

最新文章

  1. Sequence在Oracle中的使用
  2. Springboot+JdbcTemplate +thymeleaf 页面 做迷你版的bug系统
  3. 不常见但很有用的chrome调试工具使用方法
  4. boost::range模块uniqued相关的测试程序
  5. 利用python爬虫(part3)--正则表达式
  6. 【渝粤题库】国家开放大学2021春2626药事管理与法规题目
  7. [react] 可以使用TypeScript写React应用吗?怎么操作?
  8. 论文浅尝 - ICLR2020 | Pretrained Encyclopedia: 弱监督知识预训练语言模型
  9. python line strip_Python进阶---python strip() split()函数实战(转)
  10. 12月10日习题答案大剖析!小伙伴们再接再厉
  11. 西瓜书学习笔记2-多元线性回归公式推导
  12. 为什么土豆网王微会放弃自己原有的立场,跟优酷合并 合并后有何影响
  13. java timezone_详解Java中的时区类TimeZone的用法
  14. 去湘菜馆,该不该来壶酸梅汁?
  15. 第1195期机器学习日报(2017-12-26)
  16. ROS 之 使用yocs_velocity_smoother对机器人速度进行限制
  17. 房产行业php_phpwind房产系统打响社区垂直行业应用
  18. 1077篇 ! ICCV2019论文接收结果公布(附70篇论文链接抢先读,含Oral) 更新中
  19. 品牌创建百科怎么写?品牌百度百科怎么创建?
  20. Flink Table和SQL的表和视图、Connectors和timestamp数据类型

热门文章

  1. BZOJ2286 [Sdoi2011]消耗战 【虚树 + 树形Dp】
  2. 【转】关于DLL的一点介绍
  3. MySQL 5.7安装(多实例)最佳实践
  4. 四则运算生成器做法思路
  5. JS 获取上传文件的内容
  6. 如何将你的 MySQL 查询速度提升 300 倍
  7. Java编写的日历,输入年月,输出这个月的日期与星期
  8. Http-Only Cookie
  9. 一口一口吃掉Struts(二)——STRUTS基本工作流程
  10. JavaScript回顾与学习——运算符