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 相关文章推荐
js静态作用域的功能。
Dec 25 Javascript
Javascript 自适应高度的Tab选项卡
Apr 05 Javascript
node.js下when.js 的异步编程实践
Dec 03 Javascript
jQuery基于扩展实现的倒计时效果
May 14 Javascript
jquery按回车键实现表单提交的简单实例
May 25 Javascript
正则表达式(语法篇推荐)
Jun 24 Javascript
浅谈JavaScript对象与继承
Jul 10 Javascript
JavaScript实战之菜单特效
Aug 16 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
Sep 07 Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
Nov 13 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 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
简单的PHP缓存设计实现代码
2011/09/30 PHP
php ci框架中加载css和js文件失败的解决方法
2014/03/03 PHP
不使用php api函数实现数组的交换排序示例
2014/04/13 PHP
thinkphp中的url跳转用法分析
2016/07/12 PHP
PHP仿tp实现mvc框架基本设计思路与实现方法分析
2018/05/23 PHP
laravel 实现登陆后返回登陆前的页面方法
2019/10/03 PHP
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
js四舍五入数学函数round使用实例
2014/05/09 Javascript
JavaScript数组常用操作技巧汇总
2014/11/17 Javascript
JS实现直接运行html代码的方法
2017/03/13 Javascript
Nodejs中Express 常用中间件 body-parser 实现解析
2017/05/22 NodeJs
webpack打包后直接访问页面图片路径错误的解决方法
2017/06/17 Javascript
使用JavaScript实现一个小程序之99乘法表
2017/09/21 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
JS module的导出和导入的实现代码
2019/02/25 Javascript
jQuery中使用validate插件校验表单功能
2019/05/24 jQuery
JavaScript原型继承和原型链原理详解
2020/02/04 Javascript
Vue——解决报错 Computed property &quot;****&quot; was assigned to but it has no setter.
2020/12/19 Vue.js
在Python中关于中文编码问题的处理建议
2015/04/08 Python
2018年Python值得关注的开源库、工具和开发者(总结篇)
2018/01/04 Python
不知道这5种下划线的含义,你就不算真的会Python!
2018/10/09 Python
解决Python print输出不换行没空格的问题
2018/11/14 Python
python 实现视频流下载保存MP4的方法
2019/01/09 Python
在Python中字典根据多项规则排序的方法
2019/01/21 Python
Python实现的删除重复文件或图片功能示例【去重】
2019/04/23 Python
Python批量生成幻影坦克图片实例代码
2019/06/04 Python
python 30行代码实现蚂蚁森林自动偷能量
2021/02/08 Python
高清屏下canvas重置尺寸引发的问题的解决
2019/10/14 HTML / CSS
瑞典首都斯德哥尔摩的多元奢侈时尚品牌:Acne Studios
2017/07/09 全球购物
理工类毕业自我鉴定
2014/02/20 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
推广活动策划方案
2014/08/23 职场文书
考试作弊检讨书范文
2015/01/27 职场文书
社区艾滋病宣传活动总结
2015/05/07 职场文书
读鲁迅先生的经典名言
2019/08/20 职场文书
Golang 遍历二叉树
2022/04/19 Golang