JS取得RadioButtonList的Value,Text及选中值等信息
HTML部分
--------
<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部分
-------
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及选中值等信息相关推荐
- js/jq获取复选框的选中值
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
- js判断一个下拉框的选中值是否改变
下拉框按钮 select 的change $("input[type=radio][name=school][value=8]").attr("checked" ...
- JQuery/JS select标签动态设置选中值、设置禁止选择 button按钮禁止点击 select获取选中值...
//**1.设置选中值:(根据索引确定选中值)**// var osel=document.getElementById("selID"); //得到select的IDvar op ...
- Js获取radio的选中值
普通的radio的选中值获取方式如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8&quo ...
- vue复选框默认被选中_vue .js绑定checkbox并获取、改变选中状态的实例
vue .js绑定checkbox并获取.改变选中状态的实例 2019-01-07 编程之家收集整理的这篇文章主要介绍了vue .js绑定checkbox并获取.改变选中状态的实例,编程之家小编觉得挺 ...
- js、jquery操作复选框checkbox总结(单个/多个获取选中值、初始化设置默认选中值、全选反选)
一.单个复选框 使用label标签可以点击文字就能选中复选框或者是取消选择复选框 label标签的两种使用方法: https://blog.csdn.net/qq_40015157/article ...
- js原生、jquery单选框radio总结(获取值、设置默认选中值、样式)
单选框 radio总结: 一.页面样式截图: <div class="radio-inline"><input type="radio" na ...
- html 输入框联动显示,js下拉选择框与输入框联动实现添加选中值到输入框的方法...
本文实例讲述了js下拉选择框与输入框联动实现添加选中值到输入框的方法.分享给大家供大家参考.具体如下: 这里演示js下拉选择框与输入框联动,直接添加选中值到输入框中的效果.这种效果相信不少朋友见到过吧 ...
- 通过JS修改select默认选中值触发onchage事件
通过JS修改select默认选中值触发onchage事件 前言 一.body部分 二.js部分 前言 页面加载时,通过js修改select选中值,触发onchange事件,实现联动效果 以下是本篇文章 ...
- Javascript获取select的选中值和选中文本
var obj = document.getElementByIdx_x("select_id"); //selectid var index = obj.selectedInde ...
最新文章
- Sequence在Oracle中的使用
- Springboot+JdbcTemplate +thymeleaf 页面 做迷你版的bug系统
- 不常见但很有用的chrome调试工具使用方法
- boost::range模块uniqued相关的测试程序
- 利用python爬虫(part3)--正则表达式
- 【渝粤题库】国家开放大学2021春2626药事管理与法规题目
- [react] 可以使用TypeScript写React应用吗?怎么操作?
- 论文浅尝 - ICLR2020 | Pretrained Encyclopedia: 弱监督知识预训练语言模型
- python line strip_Python进阶---python strip() split()函数实战(转)
- 12月10日习题答案大剖析!小伙伴们再接再厉
- 西瓜书学习笔记2-多元线性回归公式推导
- 为什么土豆网王微会放弃自己原有的立场,跟优酷合并 合并后有何影响
- java timezone_详解Java中的时区类TimeZone的用法
- 去湘菜馆,该不该来壶酸梅汁?
- 第1195期机器学习日报(2017-12-26)
- ROS 之 使用yocs_velocity_smoother对机器人速度进行限制
- 房产行业php_phpwind房产系统打响社区垂直行业应用
- 1077篇 ! ICCV2019论文接收结果公布(附70篇论文链接抢先读,含Oral) 更新中
- 品牌创建百科怎么写?品牌百度百科怎么创建?
- Flink Table和SQL的表和视图、Connectors和timestamp数据类型