Js得到radiobuttonlist选中值的两种方法(推荐)
更新时间:2016年08月25日 10:23:43 投稿:jingxian
下面小编就为大家带来一篇Js得到radiobuttonlist选中值的两种方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
如下所示:
<%@ 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选中值的两种方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- js判断radiobuttonlist的选中值显示/隐藏其它模块的实现方法
- js获取RadioButtonList的Value/Text及选中值等信息实现代码
- javascript RadioButtonList获取选中值
- js中获取jsp表单中radio类型的值简单实例
- JavaScript中获取Radio被选中的值
- js获取 type=radio 值的方法
- JS 如何获取radio选中后的值及不选择取radio的值
- 用js的for循环获取radio选中的值
- js 获取radio按钮值的实例
- 用 Javascript 验证表单(form)中的单选(radio)值
- javascript radio值获取代码
- JavaScript获取radio选中值的几种常用方法小结
相关文章
JavaScript剩余操作符Rest Operator详解
在本篇文章里小编给各位分享的是关于JavaScript剩余操作符Rest Operator知识点用法总结,有需要的朋友们跟着学习下。2019-07-07使用requirejs模块化开发多页面一个入口js的使用方式
这篇文章主要介绍了使用requirejs模块化开发多页面一个入口js的使用方式,需要的朋友可以参考下2017-06-06浅析JavaScript中的平稳退化(graceful degradation)
所谓平稳退化,就是指可以让访问者在浏览器不支持javascript或者禁用了JavaScript的时候依旧可以顺利的浏览你的网页,下文给大家简单介绍了js中的平稳退化,感兴趣的朋友一起看看吧2017-07-07iframe的onload在Chrome/Opera中执行两次Bug的解决方法
创建iframe对象,添加load事件, 再将iframe添加到body中。Chrome/Opera中会造成load事件的handler执行两次。2011-03-03
最新评论