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 相关文章推荐
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Sep 22 Javascript
[IE&amp;FireFox兼容]JS对select操作
Jan 07 Javascript
来自chinaz的ajax获取评论代码
May 03 Javascript
jQuery遍历对象、数组、集合实例
Nov 08 Javascript
温习Javascript基础语法之词法结构
May 31 Javascript
详解jQuery uploadify文件上传插件的使用方法
Dec 16 Javascript
vue元素实现动画过渡效果
Jul 01 Javascript
扫微信小程序码实现网站登陆实现解析
Aug 20 Javascript
layui 富文本图片上传接口与普通按钮 文件上传接口的例子
Sep 23 Javascript
Vue图片浏览组件v-viewer用法分析【支持旋转、缩放、翻转等操作】
Nov 04 Javascript
vue 实现动态路由的方法
Jul 06 Javascript
js实现简易ATM功能
Oct 27 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 清除网页病毒的方法
2008/12/05 PHP
使用ThinkPHP自带的Http类下载远程图片到本地的实现代码
2011/08/02 PHP
php数组索引与键值操作技巧实例分析
2015/06/24 PHP
Nginx上传文件全部缓存解决方案
2015/08/17 Javascript
JS实现的文字与图片定时切换效果代码
2015/10/06 Javascript
jQuery实用技巧必备(下)
2015/11/03 Javascript
详解JavaScript逻辑Not运算符
2015/12/04 Javascript
理解javascript异步编程
2016/01/27 Javascript
jQuery实现响应鼠标事件的图片透明效果【附demo源码下载】
2016/06/16 Javascript
利用JavaScript阻止表单提交的两种方法
2016/08/11 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
ros::spin() 和 ros::spinOnce()函数的区别及详解
2016/10/01 Javascript
js前端实现多图图片上传预览的两个方法(推荐)
2016/11/18 Javascript
layui 优化button按钮和弹出框的方法
2018/08/15 Javascript
React 组件渲染和更新的实现代码示例
2019/02/21 Javascript
JavaScript学习教程之cookie与webstorage
2019/06/23 Javascript
js设计模式之代理模式及订阅发布模式实例详解
2019/08/15 Javascript
微信小程序如何实现在线客服功能
2019/10/16 Javascript
JS实现简单贪吃蛇小游戏
2020/10/28 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
[50:48]LGD vs CHAOS 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
在阿里云服务器上配置CentOS+Nginx+Python+Flask环境
2016/06/18 Python
关于 Python opencv 使用中的 ValueError: too many values to unpack
2019/06/28 Python
Python 复平面绘图实例
2019/11/21 Python
python实现秒杀商品的微信自动提醒功能(代码详解)
2020/04/27 Python
Python实现画图软件功能方法详解
2020/07/28 Python
css3实现文字首尾衔接跑马灯的示例代码
2020/10/16 HTML / CSS
大学生军训自我评价分享
2013/11/09 职场文书
大学本科毕业生的自我鉴定
2013/11/26 职场文书
行政部主管岗位职责
2013/12/28 职场文书
总经理的岗位职责
2014/02/23 职场文书
预备党员入党自我评价范文
2014/03/10 职场文书
法律六进活动方案
2014/03/13 职场文书
党的群众路线教育实践活动个人整改落实情况汇报
2014/10/28 职场文书
2016大一新生入学教育心得体会
2016/01/23 职场文书
Jupyter notebook 不自动弹出网页的解决方案
2021/05/21 Python