当前位置: 首页 > 编程笔记 >

Js得到radiobuttonlist选中值的两种方法(推荐)

夏兴平
2023-03-14
本文向大家介绍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" 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定义类的几种方法(推荐),包括了js定义类的几种方法(推荐)的使用技巧和注意事项,需要的朋友参考一下 ECMAScript6已经支持了class,但之前版本都不支持类,但是可以通过一些方法来模拟类。 js中的类,既是重点,也是难点,很多时候都感觉模棱两可。 首先强调一下js中很重要的3个知识点:this、prototype、constructor。 下面我们来总结一下定义(模拟)

  • 本文向大家介绍vue中使用WX-JSSDK的两种方法(推荐),包括了vue中使用WX-JSSDK的两种方法(推荐)的使用技巧和注意事项,需要的朋友参考一下 公司最近有微信公众号的需求,那么微信登录授权和如何使用WX-JSSDk实现分享等等肯定是最头疼的问题。本人也是第一次开发微信公众号,在网上看了很多篇博客,最终选定了两种方法,并且亲测有效。 一、通过全局,在router.afterEach中定义

  • 本文向大家介绍基于JS实现网页中的选项卡(两种方法),包括了基于JS实现网页中的选项卡(两种方法)的使用技巧和注意事项,需要的朋友参考一下 网页中经常会用到选项卡这种东东,说白了就是点击一个选项,下面会弹出这个选项里的内容。 方法一: 方法一利用简单的代码即可实现,以下是全部的代码; 首先我们在HTML部分定义网页选项卡中的内容。 CSS部分对HTML中的内容进行修饰: 最后是最重要的js部分:

  • 本文向大家介绍js实现下拉列表选中某个值的方法(3种方法),包括了js实现下拉列表选中某个值的方法(3种方法)的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现下拉列表选中某个值的方法。分享给大家供大家参考,具体如下: 方法1: 方法2: 有一个如下的drop down 不在表单之内的下拉列表框mycombo的操作 在表单myform之内的下拉列表框combo2的操作 方法3: 可以

  • 本文向大家介绍js实现抽奖的两种方法,包括了js实现抽奖的两种方法的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js实现抽奖的具体代码,供大家参考,具体内容如下 抽奖活动的原理还是很简单的,通过代码一目了然,如果看不懂就私聊我,可以私下交流! 方法一:使用table写一个随机抽奖 这是html+js代码 方法二:使用span标签写 html+js代码如下 两个页面的css代码 以上

  • 本文向大家介绍JavaScript数组去重的两种方法推荐,包括了JavaScript数组去重的两种方法推荐的使用技巧和注意事项,需要的朋友参考一下 1、数组去重; Array类型并没有提供去重复的方法,如果要把数组的重复元素干掉,那得自己想办法: 方法一:利用indexOf方法; 方法二: 方法二,总体思路是把数组元素逐个搬运到另一个数组,搬运的过程中检查这个元素是否有重复,如果有就直接丢掉。从嵌