Js得到radiobuttonlist選中值的兩種方法(推薦)
來源:易賢網(wǎng) 閱讀:1422 次 日期:2016-08-30 14:19:12
溫馨提示:易賢網(wǎng)小編為您整理了“Js得到radiobuttonlist選中值的兩種方法(推薦)”,方便廣大網(wǎng)友查閱!

下面小編就為大家?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)容了,希望能給大家一個參考

更多信息請查看網(wǎng)絡(luò)編程
易賢網(wǎng)手機網(wǎng)站地址:Js得到radiobuttonlist選中值的兩種方法(推薦)
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
云南網(wǎng)警備案專用圖標(biāo)
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權(quán)所有:易賢網(wǎng)
云南網(wǎng)警報警專用圖標(biāo)