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 相关文章推荐
JQuery 学习笔记 选择器之四
Jul 23 Javascript
JS基础之undefined与null的区别分析
Aug 08 Javascript
Javascript继承机制的设计思想分享
Aug 28 Javascript
SinaEditor使用方法详解
Dec 28 Javascript
javascript实现数独解法
Mar 14 Javascript
跟我学习javascript的prototype使用注意事项
Nov 17 Javascript
jQuery AjaxUpload 上传图片代码
Feb 02 Javascript
node.js中 stream使用教程
Aug 28 Javascript
Bootstrap按钮功能之查询按钮和重置按钮
Oct 26 Javascript
React中Ref 的使用方法详解
Apr 28 Javascript
javascript实现页面的实时时钟显示示例
Aug 06 Javascript
在Vue中使用CSS3实现内容无缝滚动的示例代码
Nov 27 Vue.js
总结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快速url重写 更新版[需php 5.30以上]
2010/04/20 PHP
php连接数据库代码应用分析
2011/05/29 PHP
PHP采用自定义函数实现遍历目录下所有文件的方法
2014/08/19 PHP
PHP统一页面编码避免乱码问题
2015/04/09 PHP
PHP实现的简单分页类及用法示例
2016/05/06 PHP
详解PHP 7.4 中数组延展操作符语法知识点
2019/07/19 PHP
nginx 设置多个站跨域
2021/03/09 Servers
js动态创建、删除表格示例代码
2013/08/07 Javascript
js中函数声明与函数表达式
2015/06/03 Javascript
jQuery学习笔记之Ajax用法实例详解
2015/12/01 Javascript
JS实现对中文字符串进行utf-8的Base64编码的方法(使其与Java编码相同)
2016/06/21 Javascript
Vue.js每天必学之组件与组件间的通信
2016/09/08 Javascript
基于Bootstrap的标签页组件及bootstrap-tab使用说明
2017/07/25 Javascript
jQuery实现的回车触发按钮事件功能示例
2018/03/25 jQuery
微信小程序登录换取token的教程
2018/05/31 Javascript
python的类方法和静态方法
2014/12/13 Python
python 排序算法总结及实例详解
2016/09/28 Python
python3使用requests模块爬取页面内容的实战演练
2017/09/25 Python
Django model反向关联名称的方法
2018/12/15 Python
详解Python Matplotlib解决绘图X轴值不按数组排序问题
2019/08/05 Python
python flask搭建web应用教程
2019/11/19 Python
python多进程并发demo实例解析
2019/12/13 Python
Pyqt5 关于流式布局和滚动条的综合使用示例代码
2020/03/24 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
Python开发.exe小工具的详细步骤
2021/01/27 Python
CSS3 实现时间轴动画
2020/11/25 HTML / CSS
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
HTML5在canvas中绘制复杂形状附效果截图
2014/06/23 HTML / CSS
罗技美国官网:Logitech美国
2020/01/22 全球购物
Myprotein西班牙官网:欧洲第一大运动营养品牌
2020/02/24 全球购物
计算机通信专业推荐信
2014/02/22 职场文书
文员岗位职责范本
2014/03/08 职场文书
师德师风个人反思
2014/04/28 职场文书
企业法人代表证明书
2014/09/27 职场文书
第二批党的群众路线教育实践活动总结报告
2014/10/30 职场文书
门球健将观后感
2015/06/16 职场文书