下面小編就為大家?guī)硪黄狫s得到radiobuttonlist選中值的兩種方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。
如下所示:
<%@ 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);結(jié)果為5
//alert(a);結(jié)果為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()函數(shù)能將數(shù)據(jù)符串轉(zhuǎn)成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,然后循環(huán)每個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選中值的兩種方法(推薦)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考