网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的考试资料:

 

标题 Js得到radiobuttonlist选中值的两种方法(推荐)
内容
    下面小编就为大家带来一篇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" 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 onclick="getvalue()"
              type="button" value="Button"></FONT>
        </form>
      </body>
    </HTML>
    以上这篇Js得到radiobuttonlist选中值的两种方法(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考
随便看

 

在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/19 0:55:30