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 相关文章推荐
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
Aug 04 Javascript
用JS判断IE版本的代码 超管用!
Aug 09 Javascript
最好用的省市二级联动 原生js实现你值得拥有
Sep 22 Javascript
简单的Jquery遮罩层代码实例
Nov 14 Javascript
Ionic如何实现下拉刷新与上拉加载功能
Jun 03 Javascript
利用transition实现文字上下抖动的效果
Jan 21 Javascript
react-native-fs实现文件下载、文本存储的示例代码
Sep 22 Javascript
Vue项目路由刷新的实现代码
Apr 17 Javascript
jquery+php后台实现省市区联动功能示例
May 23 jQuery
小程序实现tab标签页
Nov 16 Javascript
Vue.js桌面端自定义滚动条组件之美化滚动条VScroll
Dec 01 Vue.js
JS hasOwnProperty()方法检测一个属性是否是对象的自有属性的方法
Jan 29 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 curl 抓取AJAX异步内容示例
2014/09/09 PHP
yii2.0数据库迁移教程【多个数据库同时同步数据】
2016/10/08 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
php设计模式之中介者模式分析【星际争霸游戏案例】
2020/03/23 PHP
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
jQuery EasyUI API 中文文档 搜索框
2011/09/29 Javascript
NodeJS的url截取模块url-extract的使用实例
2013/11/18 NodeJs
jQuery寻找n以内完全数的方法
2015/06/24 Javascript
AngularJS过滤器详解及示例代码
2016/08/16 Javascript
BootStrap表单宽度设置方法
2017/03/10 Javascript
vue构建单页面应用实战
2017/04/10 Javascript
layui从数据库中获取复选框的值并默认选中方法
2018/08/15 Javascript
vue中eslintrc.js配置最详细介绍
2018/12/21 Javascript
vue组件中实现嵌套子组件案例
2020/08/31 Javascript
vue 使用饿了么UI仿写teambition的筛选功能
2021/03/01 Vue.js
在GitHub Pages上使用Pelican搭建博客的教程
2015/04/25 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
Python3 执行系统命令并获取实时回显功能
2019/07/09 Python
Python学习笔记之字符串和字符串方法实例详解
2019/08/22 Python
django formset实现数据表的批量操作的示例代码
2019/12/06 Python
python3 webp转gif格式的实现示例
2019/12/10 Python
Python中qutip用法示例详解
2020/10/02 Python
阻止移动设备(手机、pad)浏览器双击放大网页的方法
2014/06/03 HTML / CSS
Expedia意大利旅游网站:酒店、机票和租车预订
2017/10/30 全球购物
凯普林包包西班牙官网:Kipling西班牙
2019/04/12 全球购物
工厂保洁员岗位职责
2013/12/04 职场文书
中国梦我的梦演讲稿
2014/04/23 职场文书
大学生找工作求职信
2014/07/09 职场文书
银行业务授权委托书
2014/10/10 职场文书
2014年销售内勤工作总结
2014/12/01 职场文书
优秀共青团员事迹材料
2014/12/25 职场文书
个人先进事迹材料
2014/12/29 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
亮剑精神观后感
2015/06/05 职场文书
《揠苗助长》教学反思
2016/02/20 职场文书
Python实现双向链表基本操作
2022/05/25 Python