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 相关文章推荐
2012年开发人员的16款新鲜的jquery插件体验分享
Dec 28 Javascript
Javascript 浮点运算精度问题分析与解决
Mar 26 Javascript
用JavaScript实现一个代码简洁、逻辑不复杂的多级树
May 23 Javascript
JavaScript实现节点的删除与序号重建实例
Aug 05 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
Nov 03 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
纯js实现瀑布流布局及ajax动态新增数据
Apr 07 Javascript
Javascript数组中push方法用法分析
Oct 31 Javascript
用纯Node.JS弹出Windows系统消息提示框实例(MessageBox)
May 17 Javascript
Vue中 key keep-alive的实现原理
Sep 18 Javascript
详解React 元素渲染
Jul 07 Javascript
javascript全局自定义鼠标右键菜单
Dec 08 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为什么选mysql作为数据库? Mysql 创建用户方法
2007/07/02 PHP
linux下 C语言对 php 扩展
2008/12/14 PHP
PHP IN_ARRAY 函数使用注意事项
2010/07/24 PHP
php全排列递归算法代码
2012/10/09 PHP
PHP查询数据库中满足条件的记录条数(两种实现方法)
2013/01/29 PHP
php自动加载机制的深入分析
2013/06/08 PHP
php统计时间和内存使用情况示例分享
2014/03/13 PHP
PHP函数分享之curl方式取得数据、模拟登陆、POST数据
2014/06/04 PHP
PHP文字转图片功能原理与实现方法分析
2017/08/31 PHP
php实现统计二进制中1的个数算法示例
2018/01/23 PHP
用JS判别浏览器种类以及IE版本的几种方法小结
2011/08/02 Javascript
Javascript的各种节点操作实例演示代码
2012/06/27 Javascript
javascript判断两个IP地址是否在同一个网段的实现思路
2013/12/13 Javascript
js字符串完全替换函数分享
2014/12/03 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
67 个节约开发时间的前端开发者的工具、库和资源
2017/09/12 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
2018/08/16 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
2020/07/28 Javascript
详解Vue的mixin策略
2020/11/19 Vue.js
Python使用Scrapy爬取妹子图
2015/05/28 Python
python集合用法实例分析
2015/05/30 Python
python开发之函数定义实例分析
2015/11/12 Python
python list转矩阵的实例讲解
2018/08/04 Python
Pycharm无法使用已经安装Selenium的解决方法
2018/10/13 Python
css3 border-image使用说明
2010/06/23 HTML / CSS
英国健身仓库:Bodybuilding Warehouse
2019/03/06 全球购物
索引覆盖(Index Covering)查询含义
2012/02/18 面试题
护理自荐信
2013/10/22 职场文书
保密工作责任书
2014/04/16 职场文书
总经理检讨书
2014/09/15 职场文书
公务员年度个人总结
2015/02/12 职场文书
廉洁自律个人总结
2015/02/14 职场文书
2015年新教师个人工作总结
2015/10/14 职场文书
十大最强岩石系宝可梦,怪颚龙实力最强,第七破坏力很强
2022/03/18 日漫
mysql全面解析json/数组
2022/07/07 MySQL