Js得到radiobuttonlist选中值的两种方法(推荐)


Posted in Javascript onAugust 25, 2016

如下所示:

<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="ajaxselect.OnmouseTitle.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
  <HEAD>
    <title>WebForm1</title>
    <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
    <meta content="C#" name="CODE_LANGUAGE">
    <meta content="JavaScript" name="vs_defaultClientScript">
    <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
    <script language="javascript">

     function getvalue()
    {
    var b=document.all.rbtid.length
    var a=document.getElementById("rbtid").cells.length; 
    //alert(b);结果为5
    //alert(a);结果为4
    //for(var i=0;i<b-1;i++)这样也行
    for(var i=0;i<a;i++)
    {
     var ss="rbtid_"+i;
     var aa=document.getElementById(ss).value;
     //if(eval('document.all.rbtid_'+i).checked==true) //这样也行 eval()函数能将数据符串转成js运行
     var bb=document.getElementById(ss);
     if(document.getElementById(ss).checked) //注意checked不能写成Checked,要不然不成功
      {
         alert(aa);
         break;
      }   
    
    }
    }

或者用第二种方法:

//得到radiobuttonlist
   var vRbtid=document.getElementById("rbtid");
   //得到所有radio
   var vRbtidList= vRbtid.getElementsByTagName("INPUT");
   for(var i = 0;i<vRbtidList.length;i++)
   {
    if(vRbtidList[i].checked)
    {
      var text =vRbtid.cells[i].innerText;
      var value=vRbtidList[i].value;
      alert("选中项的text值为"+text+",value值为"+value);
    }
   }

此方法中,RadioButtonList在客户端被看成成了table,通过getElementsByTagName("INPUT")方法获取它的所有子radio,然后循环每个radio,再通过cells获取radio的text值。

</script>
  </HEAD>
  <body MS_POSITIONING="GridLayout">
    <form id="Form1" method="post" runat="server">
      <FONT face="宋体">
        <asp:radiobuttonlist id="rbtid" style="Z-INDEX: 101; LEFT: 8px; POSITION: absolute; TOP: 8px" runat="server"
          Width="216px" Height="176px" name="rbtid">
          <asp:ListItem Value="0">0</asp:ListItem>
          <asp:ListItem Value="1" Selected>1</asp:ListItem>
          <asp:ListItem Value="2">2</asp:ListItem>
          <asp:ListItem Value="3">3</asp:ListItem>
        </asp:radiobuttonlist><INPUT style="Z-INDEX: 102; LEFT: 184px; POSITION: absolute; TOP: 256px" onclick="getvalue()"
          type="button" value="Button"></FONT>
    </form>
  </body>
</HTML>

以上这篇Js得到radiobuttonlist选中值的两种方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
doctype后如何获得body.clientHeight的方法
Jul 11 Javascript
javascript 解析url的search方法
Feb 09 Javascript
JQuery AJAX 中文乱码问题解决
Jun 05 Javascript
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
编写高性能Javascript代码的N条建议
Oct 12 Javascript
详解微信小程序——自定义圆形进度条
Dec 29 Javascript
JavaScript自定义分页样式
Jan 17 Javascript
封装运动框架实战左右与上下滑动的焦点轮播图(实例)
Oct 17 Javascript
js+html获取系统当前时间
Nov 10 Javascript
webpack中如何加载静态文件的方法步骤
May 18 Javascript
vue前后分离调起微信支付
Jul 29 Javascript
详解Vue中的MVVM原理和实现方法
Jul 15 Javascript
总结JavaScript的正则与其他语言的不同之处
Aug 25 #Javascript
js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
Aug 25 #Javascript
jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
Aug 25 #Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 #Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 #Javascript
jquery点击切换背景色的简单实例
Aug 25 #Javascript
浅析Javascript ES6中的原生Promise
Aug 25 #Javascript
You might like
mysql下创建字段并设置主键的php代码
2010/05/16 PHP
如何使用PHP实现javascript的escape和unescape函数
2013/06/29 PHP
php 魔术方法详解
2014/11/11 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
基础的WordPress插件制作教程
2015/11/24 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
js中有关IE版本检测
2012/01/04 Javascript
onkeyup,onkeydown和onkeypress的区别介绍
2013/10/21 Javascript
Jquery模仿Baidu、Google搜索时自动补充搜索结果提示
2013/12/26 Javascript
为开发者准备的10款最好的jQuery日历插件
2014/02/04 Javascript
Javascript解析URL方法详解
2014/12/05 Javascript
jQuery多条件筛选如何实现
2015/11/04 Javascript
javascript实现去除HTML标签的方法
2016/12/26 Javascript
Angular1.x自定义指令实例详解
2017/03/01 Javascript
ES6字符串模板,剩余参数,默认参数功能与用法示例
2017/04/06 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
vue使用rem实现 移动端屏幕适配
2018/09/26 Javascript
django2笔记之路由path语法的实现
2019/07/17 Python
django获取from表单multiple-select的value和id的方法
2019/07/19 Python
Pandas操作CSV文件的读写实现方法
2019/11/13 Python
Python csv文件的读写操作实例详解
2019/11/19 Python
Python实现搜索算法的实例代码
2020/01/02 Python
Tensorflow读取并输出已保存模型的权重数值方式
2020/01/04 Python
利用 Python ElementTree 生成 xml的实例
2020/03/06 Python
全球最大的在线橄榄球商店:Lovell Rugby
2018/05/20 全球购物
高三语文教学反思
2014/01/15 职场文书
软件测试专业推荐信
2014/09/18 职场文书
2014红色之旅心得体会
2014/10/07 职场文书
董事长岗位职责
2015/02/13 职场文书
简历自荐信范文
2015/03/09 职场文书
学生党支部工作总结2015
2015/05/26 职场文书
基于PyTorch实现一个简单的CNN图像分类器
2021/05/29 Python
pytorch 预训练模型读取修改相关参数的填坑问题
2021/06/05 Python
GoFrame gredis缓存DoVar Conn连接对象 自动序列化GoFrame gredisDo/DoVar方法Conn连接对象自动序列化/反序列化总结
2022/06/14 Golang